Mengenal Animation Direction Pada CSS3

Hai semuanya pada bagian ini kita akan lihat nilai yang selanjutnya. Nilai yang selanjutkan adalah property animation direction. Secara default nilainya normal maka animasikan akan berjalan dari awal sampai akhir. Berikut ini adalah bentuk sintaks penulisan dari property animation direction sebagai berikut

untuk reverse kebalikkannya jadi animasinya akan bergerak dari akhir dulu lalu ke awal. Penulisannya sebagai berikut

Itu kalau nilainya reverse. Untuk alternatif yang lain kita gunakan alternate ini cukup menarik maka animasinya akan berganti-ganti dari awal sampai akhir lalu dari akhir ke awal sebanyak 2 kali

maka hasil yang didapatkan seolah olah animasinya bolak balik. Selanjutnya yang terakhir yakni alternate-reverse dimana animasinya gantian tapi mulainya dari akhir dulu. Jadi Itu dia pengunaan dari property direction yang artinya kita dapat mengatur arah animasinya mau seperti apa dan satu lagi yang teman teman harus pahami yang saya gunakan property shorthand yakni bentuk property singkatnya jadi cukup tulis animation lalu akan ada rangkaian nilai dari property animationnya dan sebetulnya teman teman bisa tulis satu persatu seperti berikut

cukup sekian untuk artikel kali. Sampai jumpa pada bagian berikutnya.

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