Hallo teman-teman DUmet school, kembali lagi dengan saya di Kursus Web Design. Kali ini saya akan membahas tentang cara Membuat Hover Menu Menggunakan Transition Delay Part 1 pada css. Dimana transition delay berfungsi untuk menghilangkan atau memunculkan suatu objek dengan waktu delay yang kita tentukan.

Langsung saja untuk Membuat Hover Menu Menggunakan Transition Delay Part 1 pada css kita langsung membuat struktur htmlnya sebagai berikut. Teman-teman bisa salin scriptnya di bawah ini.

Jika sudah selesai maka teman-teman bisa langsung membuat style cssnya terlebih dahulu seperti pada script di bawah ini untuk Membuat Hover Menu Menggunakan Transition Delay Part 1. Style css teman-teman bisa letakkan di dalam tag head yang ada di html.

Jika sudah selesai maka ketika kita arahkan kursor kita ke menu atau kita melakukan hover akan tampilan seperti pada gambar di bawah ini.

Membuat Hover Menu Menggunakan Transition Delay Part 1

Sampai disini dulu pembahasan mengenai cara Membuat Hover Menu Menggunakan Transition Delay Part 1 kita sambung di pembahasan Membuat Hover Menu Menggunakan Transition Delay Part 2 ya teman-teman.