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

Question

Epol Pers @idx12x4xxx

Начинаю разбираться в JavaScript

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

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

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

Вопрос задан более трёх лет назад
365 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2018-09-12 14:34:27

Используйте 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;
}

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

Войдите на сайт