Как добавить задержку к .css?

Question

[Epol Pers]

У меня есть код, который должен изменять цвет кнопки на черный после того, как с него убираешь стрелку. Как сделать, что бы этот css применялся спустя 5 секунду после того, как убираешь стрелку.

jQuery("document").ready(function() {
    jQuery(".quadmenu-item").mouseleave(function() {       
        jQuery(this).css('background-color','#000');   
    });
});

Answer 1

[Сергей Герасимов]

Используйте css, вам здесь скрипты не нужны:

.quadmenu-item {
    background-color: #000;
    
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear;
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
}

.quadmenu-item:hover {
    background-color: #f00;

    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}