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

小小的PHP能干啥
  • 181

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

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

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

回复
阅读 3.3k
1 个回答
  • 写两个 50% 也是合法的,没必要搞 50.00001% 这种事情。

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏