Penggunaan Delay Pada Transition CSS3

16/09/2016    Agustinus    1533    Website

Bagian terakhir yang akan kita bahas adalah parameter delay pada property Transition yang gunanya untuk memberikan delay atau memberikan waktu tunggu sebelum kita menjalankan transisinya. Jadi nilainya itu sama seperti durasi kita bisa berikan s untuk second dan ms/milisecond dimana pada propertynya akan ada dua nilai, nilai yang pertama itu durasinya sedangkan nilai yang kedua itu pasti delay. Kita akan lihat contoh penggunaannya masih gunakan contoh yang sebelumnya dimana boxnya akan kita kenakan efek hover dengan transisi sederhana saja seperti berikut

secara default propertynya all dan timing functionnya saya berikan ease-in dan perubahannya akan bergeser kekanan lalu berputar 40derajat

kemudian coba kita tambahkan sebuah parameter delay dimana nilainya setelah nilai timing functionnya sebagai berikut

yang artinya tunggu dulu 2 detik sebelum melakukan transisi selama 1 detik. Jadi pada saat dihover baru akan dimulai setelah menunggu 2 detik lalu box akan bergeser kekanan dan berputar 40 derajat. Itu dia contoh sederhana dalam penggunaan parameter delay yang dapat kita berikan pada transition CSS3. Terima kasih.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow