Kamis, 03 November 2011

Animatable and Hover Effect CSS3 Animations

Mungkin dikalangan sobat ada yang kebingungan mencari-cari feature terkini dalam perkembangan dunia CSS3. Dalam penyampaian tutorialnya juga Koben selalu tidak konsisten. Kadang pas lagi mood ya posting mengenai hal tersebut, kadang malah lupa bablas. Sekarang salah satu master dari CSS3 sudah ada yang membikinkan Animatable "One property, two values, endless possiblities" karya Lea Verou :D
Tabel animasi berikut menyuguhkan variasi/macam animasi dengan attribute yang lumayan perlu pembelajaran ekstra ngos-ngosan ;)) (sudah open-source juga loh) b-) Teliti & mengamati ternyata variabel yang digunakan disana menggunakan CSS3 @keyframes
Ada kabar teranyar hover effect dari tympanus mengenai Original Hover Effects with CSS3 ;) keren bos.

Oleh karena fitur ini lumayan baru, maka dari itu sobat-sabit perlu melihat browsingan kalian apakah sudah mendukung feature ini atau belum! Pembeberan support, properties, live example bisa dibaca CSS3 @keyframes Rule and CSS3 @keyframes Rule II.
Setelah mengetahui ini itunya baru deh tabel karya master Lea Verou bisa berguna :) Contoh Koben buat nih walau niru² ;)) :D



Its Time
CSS3
Animation


Original article: Animatable A CSS transitions gallery.
Update resource:
1. http://webexpedition18.com/articles/css-animations-resources-tutorials/

Jadi sobat harus sudah siap tools CSS3 dan editor live guna berpraktek ria :)
Semoga makin pandai yaaa \m/

Tidak ada komentar:

Posting Komentar