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.