Mengenal Animation Fill Mode Dan Play State CSS3

Hai saya akan lanjutkan kembali membahas dan belajar animasi CSS. Pada bagian ini kita akan lihat beberapa property yang lain yang dapat kita manfaatkan. Pertama ada property animation-fill-mode yakni property yang menentukan berhentinya animasi. Secara default animasinya akan berhenti diposisi semula tapi dengan fill-mode kita kasih tahu kalau animasinya mau berhenti dibagian akhirnya dengan nilai forward sebagai berikut

Selanjutnya yang terakhir adalah play-state. Property play-state ini secara default akan otomatis running. Tapi ketika teman teman ubah nilai play-statenya menjadi paused maka pergerakkan animasinya akan berhenti dan tidak terjadi apa apa. Maka dari itu Penggunaan play-state ini saya akan berikan dikondisi pada saat dihover

sehingga animasinya akan berjalan terus menerus tapi pada saat kursornya mendekati maka animasinya akan berhenti. Jadi itu dia nilai-nilai yang dapat diberikan pada animation CSS3. Selamat mencoba dan terima kasih.