html - 当鼠标离开元素时如何设置悬停过渡
问题描述
我为我的按钮设置了悬停过渡,但是正如您所看到的,当鼠标离开按钮时,没有像以前那样的动画我应该怎么做才能获得过渡?多谢。
#button{
background-color: #F69680;
border: 2px solid #2e2263;
text-align: center;
text-transform: uppercase;
text-decoration: none;
outline: none;
margin-top: 20px;
padding: 10px 20px;
color: #2e2263;
}
#button:hover{
transition: 0.25s;
background-color: #2e2263 ;
color: #F69680;
padding: 15px 30px;
}
解决方案
我确定有更好的解决方案,但您可以在 上设置转换#button
,因此如果按钮不再悬停,#button
则执行/绘制。
推荐阅读
- python - 安全的正则表达式从 html 中查找电子邮件
- vb.net - 如何使用管理员权限编写注册表?
- ssl - 让我们加密证书颁发
- vlcj - 带有运行时选项的 MediaList 播放项目
- scala - Scala中的LazyList和List有什么区别?
- odata - 在 OData Web Api 控制器中使用 $expand 的 NullReferenceException
- java - 抛出预期异常后测试响应
- c# - 从每个十进制数中删除字符串中的几个点/逗号
- php - PhpStorm - 如何在文件模板中转义美元符号(php 变量)?
- python - 如何递归比较列和返回值?