Hallo sahabat Dumet, pada tulisan kali ini saya akan membahas mengenai animation-direction atau arah animasi pada CSS. Animation direction ini mempunyai arah dengan nilai normal, reverse, alternate, alternate-reverse. Tapi yang akan saya bahas pada tulisan ini hanya animation direction yang bernilai normal dan reverse. Untuk alternate dan alternate-reverse akan di bahas pada tulisan berikutnya. Property animasi ini hanya dapat berjalan pada browser terbaru. Untuk melihat perbedaannya sekarang kita langsung saja implementasikan. Silahkan sahabat buat file HTML nya dengan struktur seperti berikut.

Membuat Animasi CSS dengan animation-direction

Kemudian buatlah file CSS seperti berikut.

Membuat Animasi CSS dengan animation-direction

Membuat Animasi CSS dengan animation-direction

Berikut hasil tampilan pada browser.

Membuat Animasi CSS dengan animation-direction