Animasi css3 mampu menampilkan gambar seperti urutan film

Anda sekarang tidak perlu lagi menggunakan animasi Flash untuk membuat web berbasis animasi dan interaktivitas. Freelance web developer John Galantini menyajikan 10 dari eksperimen terbaik di CSS3 animasi untuk menginspirasi Anda.

The CSS3 terbaru properti telah membuka banyak pintu baru untuk web designer dan pengembangnya. Sekarang mungkin sudah saatnyauntuk membuat animasi dan interaktivitas sepenuhnya di CSS markup, tanpa pengaruh Flash, Silverlight atau After Effects.

Percobaan inspirasional dalam CSS3 animasi tercantum di sini menunjukkan apa yang CSS mampu lakukan - dan sementara beberapa memanfaatkan sedikit bantuan JavaScript, tidak ada plug-in yang diperlukan. Berhati-hatilah, meskipun: karena animasi tersebut secara khusus dibuat sebagai percobaan, sebagian besar animasi hanya akan bekerja pada versi terbaru dari browser web anda (dan beberapa juga hanya akan bekerja di browser tertentu).

Untuk mempelajari lebih lanjut tentang animasi CSS, periksa A masterclass di CSS animasi dari A masterclass in CSS animations from .net magazine



Untuk mengetahui bagaimana ia diciptakan, lihat contoh animasi mereka di http://stuffandnonsense.co.uk/content/demo/madmanimation/

Dibuat oleh: Anthony Calzadilla, Geri Coady dan Andy Clarke

CATATAN: Ini animasi CSS3 hanya bekerja di browser berbasis WebKit, yang meliputi Safari dan Chrome. Atau, Anda dapat melihatnya pada video YouTube di atas.
The Man dari Hollywood
Man dari Hollywood