Tutorial : Hover zoom smooth

Assalamualaikum . Tak jawab berdosa . Masuk neraka . Hehe .Okay malas nak menggedik . Nak buat dua tutorial pagi ni . Request by Eeda .

Apa tu image hover ? Okay ce hover kan mouse awook tu dekat pic bawah ni . 

gua nak dslr wehh #tolong ler click hb tu ;p

Dia membesarkan ? Itu disebabkan aku bagi dia makan Nestum Cookie buatan tangan ku yang halus ni . Okay aku tahu korang dah terpinga-pinga depan pc tu kan ? So stop it Apit . Sat g bebudak ni sewel siapa susah ? Cleaner tandas pavilion jugak yang susah >.<

Okay sign in blogger . Bukan facebook okay . muehehe . Pergi design -> Okay watlek minum horlick jap . Lepas tu continue pergi Edit html . Lepas tu ctrl+f serentak dan masuk kan code dia dalam kotak search 

]]></b:skin>

Lepas tu paste code ni atas code ]]></b:skin> tadi .

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
Sumber : http://farixsantips.blogspot.com/2011/06/effect-hover-zoom-smooth-pada-object.html#ixzz1X07HXoVg
</style> 

Jangan save dulu okay . Jom kita belajar sikit . Effect zoom in skala dia adalah =1.3 manakala zoom out =0.6

So warna merah tu korang boleh tukar sama ada nak zoom in atau pun zoom out . Manakala yang berwarna biru perubahan antara kecil ke diperbesarkan per'saat .

Lepas tu picit save template . 

credit : farixsantips

gua nak mintak tolong . gua masuk satu contest ni . so korang tolong eh ? plishh

first tolong like page ni > http://www.facebook.com/pages/SchaDayanti-Blog/119214644806776
then like > http://www.facebook.com/photo.php?fbid=214203151974591&set=a.214203078641265.51502.119214644806776&type=1&theatertq