文章详情页
css3动画 - css3 animation初始动画卡顿是怎么回事?
问题描述
问题代码:https://jsfiddle.net/zhoou/qd...
问题解答
回答1:@keyframes tiao{ 0%{ transform: translate(0,0);} 50%{ transform: translate(0,-20px);} 75%{ transform: translate(0,0);} 100%{ transform: translate(0,20px);}}
这么写,不能在0%的时候就定义-20px,这样会导致瞬间位移,所以看起来成了你说的卡
回答2:.cir li{ float: left; width: 20px; height: 20px; border-radius: 50%; margin:10px; background: #ccc; line-height: 20px; text-align: center;transform: translate(0,-20px);}
初始的时候加上-20px可以咯!
标签:
CSS
相关文章:
排行榜