Mengenal CSS Animation

Ibarat gadis dan produk kecantikan adalah 2 hal yang sulit dipisahkan, pun demikian hubungan antara HTML dan CSS, CSS menjadikan tampilan Website (baca HTML) menjadi lebih indah, elegan bahkan atraktif. Sebelum dilanjutkan saya mohon maaf jika analogi di atas tidak tepat.

CSS3 memiliki fitur-fitur unggulan baru diantaranya adalah transformation dan animation, dua komponen ini membuat tampilan web lebih bagus bahkan seru mulai dari proses loading, karena sering kita jumpai proses penantian loading sebuah laman tampil utuh jadi terasa tidak membosankan karena diiringi dengan loading animation yang bagus.

Contoh yang kami buat di bawah ini sangatlah sederhana, hanya menjelaskan secara singkat penggunaan transformation dan animation:

Berikut adalah kode akhirnya:

Contoh penggunaan CSS3 untuk membuat loading animation yang lebih kompleks bisa dilihat http://tobiasahlin.com/spinkit/

Happy coding…

Comments