Animasi dengan CSS try and run!

 Author : hadinug, 29 April, 2014, Komentar



Salah satu fiture atau kelebihan dari CSS3 adalah animasi. Dengan CSS3 kita bisa memainkan sebuah animasi pada sebuah komponen atau elemen HTML dengan menambahkan sebuah parameter berupa class atau id sebuah animasi yang sebelumnya kita buat.



Pada tutorial sebelum nya, kami telah menuliskan tutorial dasar tentang penggunaan css animasi. Kami berharap anda membaca tutorial sebelumnya agar mudah memahami pembuatan animasi dengan CSS3. Berikut ini tabel berisi animasi yang melink ke url demo animasi css. Coba dan jalankan!

CSS Animasi
bounce bounceIn
bounceInDown bounceInLeft
bounceInRight bounceInUp
bounceOut bounceOutDown
bounceOutLeft bounceOutRight
bounceOutUp fadeIn
fadeInDown fadeInDownBig
fadeInLeft fadeInRight
fadeInUp fadeInUpBig
fadeOut fadeOutDown
fadeOutUp flash
flip flipInX
flipInY flipOutX
flipOutY hinge
lightSpeedIn lightSpeedOut
pulse rollIn
rollOut rotateIn
rotateInDownLeft rotateInDownRight
rotateInUpLeft rotateInUpRight
rotateOut rotateOutDownLeft
rotateOutDownRight rotateOutUpLeft
rotateOutUpRight shake
swing tada
wiggle wobble



Semoga bermanfaat dan bisa menjadi inspirasi untuk anda :-)


 
Bagikan halaman ke sosial media
 
Tags :   css       

Tentang Penulis

writer hadinug
Web Developer di PT. Yafii Solusi Internasional

Link: http://ysi.co.id

   Komentar Anda