css3 - css @keyframe 能带小数吗

Question

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

ringa_lee · Answer

可以，但是最多只能保持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?