Css 仅转换属性的转换

我有两个变换操作（旋转和平移），我只想对平移进行变换（旋转必须是即时的）

---

有什么建议吗？我更喜欢纯css。

除了

动画填充模式

之外，还可以使用关键帧来达到所需的效果，以在动画完成时保留计算的样式

.object{
宽度：50px；
高度：50px；
背景色：#F00；
动画填充模式：正向；
}
.对象：悬停{
动画：移动1s；
动画填充模式：正向；
}
@关键帧移动{
0%   {
变换：translateY（0px）旋转（0deg）；
}
1% {
变换：旋转（45度）；
}
100% {
变换：translateY（25像素）旋转（45度）；
}
}

---

首先向我们提供您的代码。还要决定您是想要动画还是过渡…它们是两件不同的事情。对于同一个元素，您不能仅转换而不旋转，我会将该元素包装在div/span中，并将translate应用于其中一个元素，将translate应用于另一个元素，这样你就能更好地控制局面。aeid-你的解决方案似乎是最好的。我做的，它只需要几行额外的线。萨克斯：）