CSS Hover Fade Out - PullRequest
Новая
       8

CSS Hover Fade Out

0 голосов
/ 07 декабря 2018

У меня есть некоторые элементы, которые при наведении на изображение всплывают, но я бы хотел, чтобы это изображение исчезло через 5 секунд.Либо тот, либо верните этот элемент обратно к непрозрачности 0 или скрытый через 5 секунд.Я нашел элементы, которые перемещаются с 0 -> 1 непрозрачностью, но ничего не меняется с 1 -> 0. Вот что у меня есть: 

.beans { 
    position:absolute;
    visibility:hidden;
    width: 500px;
    height:300px;
}
.thumb:hover, .thumb:hover .beans { 
    visibility:visible;
    top:0; left:10%; 
    z-index:1;
    transition-delay:1s;
}

Итак, сейчас изображение ждет 1 секунду, чтобызагрузить, но я хотел бы появиться сразу, а затем вернуться к непрозрачности 0 через 5 секунд.

Спасибо.

...