-->


Efek Animasi dengan Trik CSS3

Yuk bermain-main dengan CSS3. 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 CSS3. 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

Horeee 1 PertamaX Nongol di sini:

puisi dan pendidikan hobby ngeTweet [agi ngeComment]

bagus banget gan ilmunya... ijin belajar ya....

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58

Jangan lupa ada emo Kaskus diatas CommentBox Ini. Langsung dicoba gan ? Entar ane kasih cendol dah.

Protected by Copyscape Web Plagiarism Software
English French German Spain Italian DutchRussian Portuguese Japanese Korean Arabic Chinese Simplified