在用@keyframes创建动画时,用百分比控制时间段,其中0%和100%是开头和结尾,其中可以用百分比增加更加复杂的动画,那么问题来了,其中能用到的最小百分比是几位?
@keframes dong {
0%{
...
}
50.00001%{
...
}
100%{
...
}
}
这个50%后的小数点能精确到多少位合法?各个现代浏览器中对这个位数的支持情况都是多少,有没有区别?
其实我是想保证动画间的流畅性
写两个 50% 也是合法的,没必要搞 50.00001% 这种事情。
根本没有意义太精确。通常屏幕刷新率是 60Hz,也就是说两帧之间 16.7ms。假设你的 animation-duration 是 2s 的话,16.7ms 也就是 0.83% 而已,所以精确到 0.1% 完全足够了。