css3动画 - css3 animation初始动画卡顿是怎么回事？

问题描述

问 题

问题代码：
https://jsfiddle.net/zhoou/qd...

解决方案

@keyframes tiao{
    0%{ transform: translate(0,0);}
    50%{ transform: translate(0,-20px);}
    75%{ transform: translate(0,0);}
    100%{ transform: translate(0,20px);}
}

这么写，不能在0%的时候就定义-20px，这样会导致瞬间位移，所以看起来成了你说的卡

这篇关于css3动画 - css3 animation初始动画卡顿是怎么回事？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！