tutorial - hover zoom smooth picture


 Before


After

Act, taklah besra sangat. Cuma zoom ye belakang font post korang. Hekhek. SO atas ni just contoh er. Nak juga? Jom buat.

1. Dashboard - Design - Edit html

2. Find this: <head>

3. Copy code ni and paste di BAWAH code <head>.
<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
Sumber : http://farixsantips.blogspot.com/2011/06/effect-hover-zoom-smooth-pada-object.html#ixzz1X07HXoVg
</style>
4. Preview then save ;D

merah - Perubahan antara kecil ke besar per saat.
biruZoom in : 1.2 dan Zoom Out : 0.3. Pilih sama ada korang nak zoom out atau zoom in dengan tukar number tu.

P/s: Ain rasa baik korang tak payah tukar. Sebab maybe jadi macam tak elok sikit. So kalau korang tak pasti tanya yang ni: huu. Credit to her.
THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥