HOME TUTO BIES ASK

24 February 2012

TUTORIAL : IMAGE HOVER -ROTATE

Asalamualaikum w.b.t + Salam sejahtera .
Hope this day is the best than yesterday !

Hari ini yaya nak buat tuto sebab boring sangat . Hehe . Tuto kali ini bila korang pergi dekat gambar dia akan senget .

FOR SIMPLE + DENIM + CLASSIC
Dashboard > Design > Edit Html > Tick Expand Widget Template
Bagi classic- Login > template
Tekan CTRL + F , dan cari kod ini

img {

Copy kod bawah ini , pastean dekat bawah [gantikan dengan anak-anak kod yang korang cari tadi .]

 img {
-webkit-transition: 0.5s;
border-radius: 10px;
}
img:hover {
-webkit-transition-duration: 0.5s;
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
}
Preview dulu , baru save . :D

No comments: