Le' tutos

new style image hover

1) cari code ni

</style>

2) paste kan code ni atas code yg korang cari tadi

.image { margin-bottom:2px;margin-top:0px; }
.image img {background:#fff;width:225px; height:250px;align:center;}
.image .pic { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.7); opacity:0.9;-webkit-transition-duration: .59s;margin-top:-250px; opacity: 0;margin-left:-4px;-webkit-filter: grayscale(100%);-webkit-transition-duration: .99s;}
.image:hover .pic {-webkit-transform:scale(1.0); -moz-transform:scale(1.1); -o-transform:scale(1.0); opacity:1;}

3) kemudian pastekan code ni dekat mana2 yang korang nak asalkan code ni berada di bawah </style>

<div class="image"><img src="http://25.media.tumblr.com/tumblr_mcs3q5iFhR1ramr3ro1_500.jpg"/><div class="pic"><img src="http://25.media.tumblr.com/tumblr_mcs3q5iFhR1ramr3ro1_500.jpg"></div></div>

4) save.

credit : 1