Harmony Clean Flat Responsive WordPress Blog Theme

Image Hover Terang Jadi Blur

22.7.13 Ramadhan Liya 0 Comments Category : ,


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.

RELATED POSTS

0 Comment

NO HARSH WORDS
please, don't SPAM here!
I'll reply if I didn't busy -.-