Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Image Hover (ix)
06/10/2012 | 6 comments

My own coding, Don't re-post.

Preview :

Template Designer :
i.) Cari perkataan img { atau yang sama macam code tu dan delete code tersebut.
iii.) Copy code dekat bawah and paste kan dekat tempat yang sama.

Blogskins :
i.) Cari perkataan img { atau yang sama macam code tu dan delete code tersebut.
ii.) Copy code dekat bawah and paste kan dekat tempat yang sama.
img{
opacity: 0.79;
padding:15px;
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;
transition-duration: .99s;
background:url(http://1.bp.blogspot.com/-N8sXWyO-F-4/T89rgmzd9lI/AAAAAAAABzs/cz8w3HwY_hE/s200/pinky.jpg);}

img:hover{opacity: 0.99;
border-radius:10px;
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;
transition-duration: .99s;
background:url(http://3.bp.blogspot.com/-QrEuv2CMB94/T_lKYSHM52I/AAAAAAAACxE/fGAvdukgoDM/s1600/blue.jpg);}
OLDERNEWER