22 Juli 2013

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.

0 Comment:

Poskan Komentar

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