Можно ли hover эффекту дать время, чтобы блок появился и стоял 5 секунд?

#css #css3 #вёрстка

Можно ли :hover эффекту дать время, чтобы блок появился и стоял 5 секунд?
    

Ответы

Ответ 1

Есть варианты (Обновляю. Спасибо @CbIPoK2513, я и забыл про анимацию, тоже вариант).
Рассмотрите transition и animation. Этими способами можно добиться того о чем вы спрашиваете. 

Литература:  

Псевдокласс :hover
Свойство transition
Свойство animation
@keyframes


Ответ 2

.block {width: 20px; height: 20px; background: green;}
.block:hover {
    background: red;
    animation-name: quadhide;
    animation-duration: 1s;
    animation-delay: 5s; /*задержка*/
    animation-fill-mode: forwards;
}

@keyframes quadhide {
    to {opacity: 0;}
}