Время наведения мыши на CSS CSS

Question

Моя проблема в том, что я надеюсь, что это просто. У меня есть указатель мыши, который показывает некоторый текст.

Мой вопрос в том, что есть ли возможность сделать этот зависание последние несколько секунд после того, как мышь ушла? Я могу использовать только html + css.

Answer 1

Это не может быть идеальным ответом. Потому что идеальным ответом будет No. Кстати, вы можете сделать задержка в переходе.

div { 
 
    display: inline-block; 
 
    padding: 5px; 
 
    margin: 10px; 
 
    border: 1px solid #ccc; 
 
    transition: 0s background-color; 
 
    transition-delay: 1s; 
 
} 
 
div:hover { 
 
    background-color: red; 
 
    transition-delay: 0s; 
 
}

<div>Hover Me</div>

Источник: http://dabblet.com/gist/1498446

Answer 2

.example { 
transition: 0s; /* zero it if you don't want to add a fade */ 
transition-delay:2s; /* delay will last for 2 seconds */ 
} 

.example:hover { 
background-color:blue; 
transition-delay:0s; /* the delaying happens here */ 
}