Bagaimana Cara Memberikan Menu Efek "Ganti Warna" Saat Pointer Mouse Mengarah ke Menu Ters

Saya mau tanya nih, jadi bagaimana sih caranya biar apabila pointer mouse diarahkan ke suatu elemen(misalnya menu), kemudian menu tersebut bisa berubah warna secara berangsur-angsur? Terima kasih.

avatar abimanyu17
@abimanyu17

10 Kontribusi 1 Poin

Diperbarui 8 tahun yang lalu

2 Jawaban:

Pake css bisa pake jquery juga bisa.

CSS

#selektornya:hover{
background-color:red;
transition: 0.3s ease;
}

silahkan atur waktunya sendiri pada bagian transition misalnya 0.3s (0.3 detik)

JQUERY

$(document).ready(function(){
    $("#selectornya").mouseover(function(){
        $(this).animate({ "background-color": "red" }, 2000);
    });
});

silahkan atur waktunya, ganti angka 2000. Angka 2000 artinya 2 detik.

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 8 tahun yang lalu

Baik, terima kasih banyak ya :D

avatar abimanyu17
@abimanyu17

10 Kontribusi 1 Poin

Dipost 8 tahun yang lalu

Login untuk ikut Jawaban