如何让悬停时间更长

Question

我有一张照片，悬停时会变暗，但当鼠标不在照片上时会立即恢复正常。 CSS中的图片鼠标移开后，是否可以让昏暗多持续几秒？也许是动画？

抱歉，我的描述很奇怪，英语不是我的第一语言，我只是个初学者:)

Answer 1

您可以使用 transition 属性 作为动画。 tons of transitions 可用于 html 元素的任何状态。

Answer 2

你可以试试：

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

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

只需将时间 (3s) 调整为您希望的过渡持续时间即可。