Tutorial : Hover Zoom Smooth
Heyy peeps. Now, I wanna you to move your cursor to the picture above. You will see that the picture became bigger, right? That is what we called Hover Zoom Smooth. I love it. I got this tutorial from Apit. Let me start the tutorial yeah.
Design > Edit HTML > Ctrl + F > Search code ]]></b:skin> Paste code bwh ni di atas code ]]></b:skin>
.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>
Nota kaki
Effect zoom in skala dia adalah 1.3 manakala zoom out adalah 0.6So, 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 .
Save !
About Me
Full Name : Siti Nur Aisyah
Nickname : Syano, Aisyah
Birthdate : 27 December 1999
Hometown : Johor Darul Takzim
Stay : Johor Bahru
Hobby : Online
Ambition : Surgeon
Bestfriends : Nash, Tera, Amir, Kacang, Inani, Shasha, Namez, Ayu, Shark, Farah, Kacang, Hud, Dan", Purps, Sui Generis.
Facebook | Twitter.
Tutorial : Hover Zoom Smooth
Heyy peeps. Now, I wanna you to move your cursor to the picture above. You will see that the picture became bigger, right? That is what we called Hover Zoom Smooth. I love it. I got this tutorial from Apit. Let me start the tutorial yeah.
Design > Edit HTML > Ctrl + F > Search code ]]></b:skin> Paste code bwh ni di atas code ]]></b:skin>
.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>
Nota kaki
Effect zoom in skala dia adalah 1.3 manakala zoom out adalah 0.6So, 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 .
Save !
OLD / NEW