@keyframes中百分比的最小数值是几位？

Question

在用@keyframes创建动画时，用百分比控制时间段，其中0%和100%是开头和结尾，其中可以用百分比增加更加复杂的动画，那么问题来了，其中能用到的最小百分比是几位？

@keframes dong {
    0%{
        ...
    }
    50.00001%{
        ...
        }
    100%{
        ...
        }
}

这个50%后的小数点能精确到多少位合法？各个现代浏览器中对这个位数的支持情况都是多少，有没有区别？
其实我是想保证动画间的流畅性

Answer 1

• 写两个 50% 也是合法的，没必要搞 50.00001% 这种事情。

• 根本没有意义太精确。通常屏幕刷新率是 60Hz，也就是说两帧之间 16.7ms。假设你的 animation-duration 是 2s 的话，16.7ms 也就是 0.83% 而已，所以精确到 0.1% 完全足够了。