Efek Animasi dengan Trik

Yuk bermain-main dengan . Asyik lho, hehe .. sekarang tak kasih trik sedikit tentang bagaimana memberikan efek animasi atau image yang bergerak tanpa gif maker software atau apapun software, tapi cukup memberikan sentuhan  Berikut ne kodenya .. langsung aja ::-->>
1. Masup dulu di Blogger dengan ID dan Pass kalian
2. Klik Rancangan
3. Klik lagi Edit HTML
4. Terus cari kode </head>
5. Taruh kode dibawah ini persis diatas kode no.4

<style type='text/css'>
.animasi1001tawa {
-webkit-animation: cssAnimation 4.0042s 11 linear;
-moz-animation: cssAnimation 4.0042s 11 linear;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(0.738) skew(-49deg) translate(6px); }
to { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(0.738) skew(-49deg) translate(6px); }
to { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
}
</style>

Terus untuk memanggil gambar di dalam postingan supaya bisa keindex ama kode itu .. begini aja ::-->>

<img class="animasi1001tawa" src="URL image kalian" border="0"/>
Jangan lupa itu kodenya :: class="animasi1001tawa"
Contohnya yang diberi CSS 3 ya gambar yang ada di atas sendiri itu ... tapi yang itu miring .. hehe ..
Untuk lebih jelasnya langsung klik gambar untuk liat contoh

Blogger Yang Baek, Meninggalkan Jejak Berupa Komentar