如何解决在 chrome 和 Internet Explorer 中转换缓入 1s 在悬停时闪烁,而在 Firefox 中工作正常
我正在尝试在鼠标悬停时为输入字段制作动画填充,但在 chrome 浏览器中动画闪烁或闪烁
.button_slide {
border: 2px solid #0082f3;
border-radius: 0px;
padding: 18px 36px;
display: inline-block;
font-size: 14px;
letter-spacing: 1px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: ease-in-out 1s;
-moz-transition:ease-in-out 1s;
-o-transition:ease-in-out 1s;
transition:ease-in-out 1s;
box-shadow: inset 0 0 0 0 #0082f3;
}
.slide_right:hover {
box-shadow: inset 400px 0 0 0 #0082f3;
}
.slide_right:focus {
box-shadow: inset 400px 0 0 0 #0082f3;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。