打破变革

Question

我有48个元素，它们都有相同的动画，这是Y轴的变换，但每个都有不同的旋转

transform:rotate(0deg) translateY(-105px);
...
@keyframes mov {
  0%,65%,100% {transform:rotate(0deg) translateY(-105px);}
  15%, 50% {transform:rotate(0deg) translateY(105px);}
}

如果我对每个元素都有这种效果，那将会非常低效 - 我是否可以在一个地方transform:rotate(0deg)和另一个地方translateY(?px);？

当前解决方案：元素中的元素，首先是旋转，第二个是translateY