girlwithbighead
 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimmV-A52DJGJEXtLyTVKHuaam1TnbuMP8jzyLFNdtApgKDa3PJwOJvID72PD-dzvAW1dkWg7Yj-ukiz3QW4ldbt9CLtnsxTj5zstXG0Dxj1EJn_cxpGgcIORRWFbCrwg76LQmbSjGAijA/s200/pinky.jpg);}

img:hover{opacity: 0.99;
border-radius:10px;
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;
transition-duration: .99s;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinE1MJOFOrClIdeDqyLlwLGGupDUu63tTvfKrEcBMc_mbtwsET5X68qT3uLHejda1s3AZttC7gnPgzIho2kY79kiQYPBVRk9tI1duJvN83vwboM3daK1RYzIobe2lwhrARE8zBjtf6UwQ/s1600/blue.jpg);}


OLDERNEWER