css3 - css @keyframe 能带小数吗

Question

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

Answer 1

Yes, but you can only keep up to 2 decimal points.

@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

Related links on SO:

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

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