div { wIDth: 100px; height: 100px; opacity: 0.5; background: red; -webkit-Transition: all 2s,opacity 0s; Transition: all 2s,opacity 0s;}div:hover { wIDth: 300px; opacity: 1;}
<div></div>
div { wIDth: 100px; height: 100px; opacity: 0.5; background: red; -webkit-Transition: all 2s,opacity 0.1s; Transition: all 2s,opacity 0.1s;}div:hover { wIDth: 300px; opacity: 1;}
<div></div>
但是,如果0的不透明度变为0.1秒,它将起作用(持续时间为0.1秒),是否有办法以某种其他方式“禁用”动画,因此它可以在没有任何小值的情况下工作0.1S?
解决方法 这是一个解决方案过渡:全部2s,不透明度1ms;
由于0s是无效的时间(我不知道为什么会这样).对于人眼而言,1ms是非常小的时间,可能为0.
对于您当前的问题,您还可以使用过渡:宽度2s,仅适用于宽度.
总结以上是内存溢出为你收集整理的html – CSS转换0s(零秒)不起作用?全部内容,希望文章能够帮你解决html – CSS转换0s(零秒)不起作用?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)