Fungsi animation-delay (Property CSS)

BERANDA > FUNGSI DAN KEGUNAAN PROPERTI CSS > Fungsi animation-delay (Property CSS)


A. Pengenalan animation-delay (Property CSS)


CSS animation-delay merupakan properti yang digunakan untuk membuat jeda waktu sebelum animasi dimulai.

B. Contoh Penggunaan animation-delay (Property CSS)


• Penggunaan animation-delay

Contoh:


<style>
@keyframes gerakan{

0%{margin-left:0;}
50% {margin-left:50px;}
100% {margin-left:0;}

}
</style>

<div style="animation: gerakan 2s infinite; animation-delay: 5s;">Bergerak</div>


Hasil:


Bergerak setelah 5 detik

Tidak ada komentar:

Posting Komentar

Jangan lupa memberikan saran dan laporan bila terdapat sesuatu yang ingin kamu sampaikan.

Gunakan kata - kata yang sopan untuk mengomentar dan mengkritik.

Katakan bila ingin ada materi atau pembahasan yang ingin ditambahkan atau yang kurang lengkap.