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.

22 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Seminar Java April 2024 di DUMET School
chat