Penggunaan Delay Pada Transition CSS3

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.

16 September 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat