Javascript css：使用svg对象平滑动画

我制作了一个齿轮（svg对象）旋转的动画，但是旋转不平滑，不平稳

告诉我，我怎样才能解决这个问题？ 如果可能的话，我想制作一个非常平滑的动画

对于属性

动画

，未指定动画步骤，因此会自动设置所有动画属性

动画：

例如：

。等待屏幕{
显示：块；
z指数：99998；
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景：rgba（255，255，255，0.95）；
}
.cssload无{
显示：无；
}
.cssload装载机{
z指数：99999；
位置：绝对位置；
左：计算（50%-20vh）；
顶部：计算（50%-20vh）；
宽度：计算（2*20vh）；
高度：计算（2*20vh）；
}
.cssload等待{
z指数：99999；
位置：绝对位置；
左：计算（50%-50px）；
顶部：calc（50%-50px）；
宽度：计算（2*50px）；
高度：计算（2*50px）；
}
.cssload内部{
位置：绝对位置；
}
.cssload-inner.cssload-1{
z指数：2；
左：0；
底部：0；
宽度：计算值（100%*768.73/1117.605）；
高度：计算（100%*768.73/1117.605）；
动画：cssload-rotate-1 4.0s线性无限；
}
.cssload-inner.cssload-2{
z指数：1；
宽度：计算值（100%*592.98/1117.605）；
高度：计算（100%*592.98/1117.605）；
右：0；
排名：0；
动画：cssload-rotate-2 3.0s线性无限；
}
@关键帧cssload-rotate-1{
0% {
变换：旋转（0度）；
}
100% {
变换：旋转（360度）；
}
}
@关键帧cssload-rotate-2{
0% {
变换：旋转（-0.125度）；
}
100% {
变换：旋转（-360.125度）；
}
}

在Windows/Vivaldi上，动画效果很好，这里没有问题。您好，我查看了它，并检查了它的工作情况，正如您在上面的代码中所显示的那样非常流畅。@andreas，Chrome-抓取&扬克斯，边缘-平滑动画-khmI使用Chrome 65，我觉得很好。