你能用@keyframe百分比超过一个整数吗?

时间:2015-01-15 09:56:52

标签: css animation

我有一个包含较小部分的大型动画,因此它可以无限重复。

@-webkit-keyframes doubletap {
  0% {opacity: 0;}
  11% {opacity: 0;}
  12.6% {opacity: 1;}
  15.625% {opacity: 0;}
  18.65% {opacity: 1;}
  18.75% {opacity: 0;}
  94% {opacity: 0;}
  95%{opacity: 1}
  97.5%{opacity: 0;}
  99%{opacity: 1;}
  100% {opacity: 0;}
}

它会被精确地读取为那些百分比,还是将其四舍五入到最接近的完整数字或完全忽略小数?它在MDN或我能找到的任何其他地方都没有说明这一点。

1 个答案:

答案 0 :(得分:0)

CSS会将百分比降低到2位小数,然后停止。因此,您可以在关键帧中使用18.65%而不是15.625%