Image Hover Terang Jadi Blur

Assalamualaikum

Ohayo, mina. Sekarang, saya mau ngajarin cara membuat gambar atau image yang tadinya terang jadi blur setelah di hover.

Hover Image to Preview

Gampang. 

• Copy code di bawah ini, 

img{
opacity:20;-moz-transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
img:hover{
opacity:0.5;-moz-transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

• Paste di atas code </style>  ( for blogskin/classic template)
• Untuk template designer, hanya diubah saja code pada img{   dan img:hover{  yang sudah ada.
• Preview dan coba hover image blogmu.
• Save~!
• Done.