Tutorial : Images Effect (Flip)

Live Preview

1. Template --> Klik dekat no. 29
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{ :
a img {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform:perspective(400px) rotateX(0deg);
-o-transform:perspective(400px) rotateX(0deg) ;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-transform: perspective(400px) rotateX(360deg) ;
-moz-transform: perspective(400px) rotateX(360deg) ;
-o-transform: perspective(400px) rotateX(360deg);
}

4. Preview.. Ada apa-apa yang berubah ? ?
5. Kalau tak ada error save !
Siap !


No comments

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