如何解决如何使悬停时间更长
我有一张照片,将鼠标悬停时会变暗,但是当鼠标不在照片上时会立即恢复正常。在CSS中将鼠标从图片中移除后,是否可以使暗度持续几秒钟?也许是动画?
很抱歉出现奇怪的描述,英语不是我的母语,我只是一个初学者:)
解决方法
您可以将transition
属性用于动画。您可以在HTML元素的任何状态下使用tons of transitions。
您可以尝试:
.yourElement{
transition: all 3s ease-in-out;
opacity: 1;
}
.yourElement:hover{
opacity: .5;
}
https://jsfiddle.net/EdgarAlexPoe/v2zkja0u/
只需将时间(3s)调整为您希望过渡持续时间长的时间即可。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。