大佬教程收集整理的这篇文章主要介绍了html5 – 清理CSS抖动,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
感谢您的帮助!
编辑:我正在转换圆的尺寸(宽度和高度)以保持居中.我意识到这会导致过渡期间的抖动.有工作吗?
.Box { position: relative; width: 220px; height: 220px; float: left; margin-right: 50px; } .clearcircle { position: absolute; top:15px; left:15px; width: 190px; height:190px; border-radius: 100%; background-color: transparent; border: 5px solid #c0392b; transition: all .2s ease-in-out; } .clearcircle:hover { width:220px; height: 220px; top: 0px; left: 0px; border: 5px solid #c0392b; } .circle { position: absolute; top:50%; margin-top: -100px; left: 50%; margin-left:-100px; width: 200px; height:200px; border-radius: 100%; background-color: #e74c3c; overflow: hidden; transition: all .2s ease-in-out; } .circle p { position:relative; text-align: center; top: 50%; margin-top: -55px; color: white; transition: all .3s; } .circle:hover{ background-color: #e97468; }
以上是大佬教程为你收集整理的html5 – 清理CSS抖动全部内容,希望文章能够帮你解决html5 – 清理CSS抖动所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。