Tutorial : Images Effect (Rotate)

Live Preview :


1. Template --> Edit Html --> Tick Box Code --> CRTL+F
2. Cari kod :  img{ kalau nak semua image termasuk dekat sidebar blur.. atau .post img{ images blur dekat dalam post aje.
3. Copy dan paste code ini dibawah code img{ atau .post img{ :

img {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width:auto;
-webkit-transition-duration: 1.20s;
}
img:hover {
-webkit-transform: rotate(360deg);
}

4. Preview.. Berpusing tak gambar tuh ? kalau pusing
5. Terus tekan save ! :)
 amacam ? style tak effect gambar korunk ? ? ?

No comments

Terima kasih kerana sudi menulis komen di blog Nurrul, sebarang pertanyaan akan dibalas secepatnya. Jazakallahu khairan