Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Membuat Moving Left Animation Animasi adalah proses membuat bentuk perubahan dan menciptakan gerakan dengan elemen. @keyframes Keyframes akan mengontrol langkah-langkah animasi menengah di CSS3. Animasi bisa dibikin tidak hanya di dalam Javascript-Jquery namun bisa dibuat juga menggunakan teknik CSS3 banyak cara yang di gunakan salah satunya @keyframes. Namun tidak terpaku pada @keyframes saja masih banyak lagi fungsi – fungsi lainnya yang bersangkutan dengan CSS3 animation cuman salah satunya adalah @keyframes. Yang perlu diingat  @keyframes disini cuman sebats pengontrol animation.

Contoh frame kunci dengan animasi kiri:

Contoh di atas menunjukkan tinggi, lebar, warna, nama dan durasi animasi dengan sintaks keyframes
Memindahkan animasi kiri.

Sekarang kita coba praktikkan tentang Cara Membuat Moving Left Animation, pertama buat sebuah file HTML dengan nama

animation.html

kalau sudah silahkan buat file html di bawah ini;

Oke kalau sudah silahkan teman – teman tambahkan CSS3  Moving Left Animation seperti di bawah ini, CSS di bawah ini bertujuan untuk membuat animation  Moving Left Animation taruh css di bawah ini di dalam tag head;

Oke kalau sudah silahkan sava jika teman – teman buat struktur HTML dan CSS-nya dengan benar maka hasilnya akan seperti di bawah ini;

Cara Membuat Moving Left Animation

Untuk lebih jelasnya silahkan jalan teman jalankan sendiri pada browsernya.”
Oke itulah tadi pembahasan saya tentang Cara Membuat Moving Left Animation semoga bermanfaat. Salam Coding.