Hover Effect use animation-play-state Property

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:

Wikipedia the free encyclopedia.
W3C editor's draft.
W3Schools reference.
Developer mozilla.
Docs webplatform.

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/