Hy para blogger .
Kali ini saya ingin memberi tahu Tutorial Membuat Efek Zoom In & Zoom Out ...
Tentu kalian pernah melihat bukan ??
Berikut contohnya buat kalian yang pernasaran dengan efek tersebut ..
Silahkan taruh cursor kalian pada gambar dibawah ini ..
Gimana ??
Bagus bukan ??
Ok langsung saja saya ke tutorialnya ..
- Logun ke blog kalian , untukcepatnya Klik Disini
- Cari Template
- Lalu klik Edit HTML,Jangan centang Expand Widget
- Cari kode ]]></b:skin>
- Lalu Capas kode dibawah ini tepat diatas kode 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); }
Simple bukan ?
Catt.
Zoom in ukuran Skalanya (scale) = 1.3, sedangkan Zoom out Skalanya = 0,6. Dapat disimpulkan bahwa sebuah Object Berawal pada Skala (1) atau (1.0) berarti jika lebih dari skala tersebut menjadi Zoom in, jika kurang menjadi Zoom out.
