css3 - css @keyframe 能带小数吗

Question

比如 10.3% 如果可以精确度是多少？

Answer 1

可以，但是最多只能保持2为小数点。

@keyframes myAnimation {
    0%    { height: 100px; }
    33.3% { height: 120px; }
    66.6% { height: 140px; }
    100%  { height: 200px; }
}

When it comes to CSS it takes notice of percentages down to 2 decimal places and then stops. So you would be able to get 33.34% but not 33.3457% for use in your keyframes

SO上的相关链接：

Is it allowed to use any decimal value in CSS keyframe animations?

Can you use more than a whole number with @keyframe percents?