CSS image hover effects grayscale

CSS image hover effects grayscale

CSS image hover effects grayscale disini, mengubah gambar hitam putih menjadi gambar normal apabila di sorot kursor,

ini contoh css & htmlnya.

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

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

DEMONYA:

Selamat mencoba.