Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/c100seof/public_html/kursuswebdesign.org/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
Animasi CSS animation-direction alternate dan alternate-reverse - Kursus Web Design

Hallo sahabat Dumet, sebagaimana janji saya pada tulisan sebelumnya, kali ini saya akan membahas materi tentang animation direction dengan nilai alternate dan alternate-reverse. animation direction dengan nilai alternate akan memulai iterasinya dari arah kanan, sedangkan alternate-reverse merupakan perpaduan alternate dan reverse yang arahnya akan bolak balik. Untuk lebih jelasnya langsung saja buat file HTML nya seperti berikut.

Animasi CSS animation-direction alternate dan alternate-reverse

Kemudian buat file CSS seperti berikut.

Animasi CSS animation-direction alternate dan alternate-reverse

Animasi CSS animation-direction alternate dan alternate-reverse

Berikut tampilan pada browser.

Animasi CSS animation-direction alternate dan alternate-reverse

WhatsApp chat