在css中同时旋转多个动画是否需要切换单击一个元素(慢旋转、中旋转、快旋转)？

@keyframes slowRotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes mediumRotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg);
  }
}

@keyframes fastRotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1080deg);
  }
}

.element {
  animation: slowRotation 10s infinite linear,
             mediumRotation 5s infinite linear,
             fastRotation 2s infinite linear;
}