CSS image hover effects Sepia

CSS image hover effects sepia

CSS image hover effects sepia, mengubah gambar efek sepia menjadi normal apabila di sorot kursor,

ini contoh css & htmlnya.

<style type="text/css">
.hover09 img{-webkit-filter:sepia(100%); filter:sepia(100%); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out}
.hover09:hover img{-webkit-filter:sepia(0); filter:sepia(0)}
</style>

<div class="hover09 img">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHs9aqAYr4ZyJQ2Rx_P-r71xR2epCLknYZwKpYtMSgwmTbMjh9jo51FHUCr-XhXY74X1LgRSZKvapRNS83MzCTd0g-5MfunhhjZx7koTP4gFXrIXoQvjiyiyRnbXRARbuRX3DkL_1Ymnbl/s320/238aafb03c26438bbd6a40ad2cc3dcce.jpg" />
</div>

Selamat mencoba.