Css 为什么过滤器：色调-旋转（）在某些颜色中速度更快？

将具有线性计时的css关键帧动画应用于具有色调旋转（360度）的元素时，动画在某些颜色中的速度较快，而在其他颜色中的速度较慢。为什么?

<div class="box" style="width: 100%; height: 100px;"></div>
<style>
.box { animation: hue 10s infinite; } 
@keyframes hue { 0%{filter: hue-rotate(0deg);} 100%{filter: hue-rotate(360deg);}}
</style>

.box{动画：色调10s无限；}
@关键帧色调{0%{过滤器：色调旋转（0度）；}100%{过滤器：色调旋转（360度）；}

默认值为

ease

，您需要使用

线性

.盒子{
动画：色调10s无限线性；
}
@关键帧色调{
0% {
过滤器：色调旋转（0度）；
}
100% {
过滤器：色调旋转（360度）；
}
}