Css 如何延长悬停时间

Css 如何延长悬停时间,css,hover,Css,Hover,我有一张照片,悬停时会变暗,但当鼠标不在照片上时会立即变正常。在CSS中从图片中移除鼠标后,是否可以使模糊持续几秒钟?也许是动画 很抱歉有一个奇怪的描述,英语不是我的第一语言,我只是一个初学者:)你可以使用transition属性制作动画。您可以在html元素的任何状态下使用这些选项。您可以尝试: .yourElement{ transition: all 3s ease-in-out; opacity: 1; } .yourElement:hover{ opacity: .5; } 只需将

我有一张照片,悬停时会变暗,但当鼠标不在照片上时会立即变正常。在CSS中从图片中移除鼠标后,是否可以使模糊持续几秒钟?也许是动画


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

你可以使用
transition
属性制作动画。您可以在html元素的任何状态下使用这些选项。

您可以尝试:

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


只需将时间(3秒)调整到您希望过渡持续时间的长短。

获得具体帮助的第一步是向我们提供必要的代码,以便对其进行故障排除