跨多次迭代的CSS关键帧动画计时功能

我有带动画和指定动画速度的旋转木马：

animation-timing-function: cubic-bezier(.27,.97,.86,1);

@keyframes back-y-spin {
  0%     { transform: rotateY(360deg); }
  100%   { transform: rotateY(0deg); }
}

我想知道我怎么能把它旋转2、3次，等等，但对整个旋转应用计时功能。例如，如果我指定

动画迭代计数：2旋转木马启动，然后变慢，然后停止，然后重复-更快，更慢，停止

我想要的：旋转木马启动，速度增加，然后旋转N倍，然后速度降低，然后停止

下面是我使用的示例：
尝试使用
变换：旋转（计算（360度*3））。下面的例子


.shape{
宽度：100px；
高度：100px；
背景：绿色；
位置：绝对位置；
左：计算（50%-50px）；
顶部：calc（50%-50px）；
动画：旋转5s；
动画计时功能：立方贝塞尔（.9、.1、.1、.9）；
}
@关键帧旋转{
0%{变换：旋转（计算（360度*6））；}
100%{变换：旋转（0度）；}
}
只需旋转
720度
而不是
360度
？@johankarlsson如果我理解正确，它将只旋转30度。这不是我想要的。需要从360*3度旋转到0度。
0%{transform:rotateY（720deg）；}100%{transform:rotateY（0deg）；}