如何使悬停更长时间

Question

我有一张照片，当鼠标不在照片上时，它会变暗，但当鼠标不在照片上时，它会立即恢复正常。在CSS中将鼠标从图片中移除后，是否有可能使昏暗持续几秒钟？也许是动画？

对不起，英语不是我的第一语言，我只是个初学者。)

Answer 1

你可以试试：

.yourElement{
transition: all 3s ease-in-out;
opacity: 1;
}
.yourElement:hover{
opacity: .5;
}

https://jsfiddle.net/EdgarAlexPoe/v2zkja0u/

只要调整时间(3s)，无论你希望你的过渡持续时间有多长。