Prodigy of Head | Hover Effect use animation-play-state Property

Link to Tutorial Blog for Stylish Blogger

Hover Effect use animation-play-state Property

Posted: 18 Jan 2014 06:30 PM PST

Ada info menarik dari seputar dunia CSS3 animation Bermunculannya value baru dari CSS3 property ternyata belum 100% terkuak untuk apa fungsi dari si value tersebut! Lain ceritanya dengan seorang developer yang notabene memang menggunakan properti CSS secara profesional. Berikut beberapa link resource yg bisa kita jadikan tempat untuk mempelajari mengenai CSS animation:

Perhatikan konten fullstylish berikut ini

Itulah web teman master Lea Verou Salah satu website yg dibangun memakai bahasa CSS secara pro :"> Perhatikan 1 contoh kasus sederhana brikut ini...

Without animation-play-state

Hover me and watch me spin!

Using animation-play-state

Hover and watch me spin again!

Contoh sedikit agak komplek ;))

I am animated

I am size changed animated

Itulah beberapa contoh dari bagaimana membuat efek hover berhenti seketika menggunakan value animation-play-state. Silahkan berkreasi, buatlah konten semenarik mungkin ;)

Happy running pause \m/