CSS“移动”和“平移”属性不使用关键帧同时工作

如何使用css属性和关键帧同时设置移动和旋转的动画，同时变换原点也随着移动而改变？

---

如果可能，请有人回复。

见下文。我使用“向前”使末端位置就位

div{ 宽度：100px； 高度：100px； 背景：蓝色； 动画：向前移动3s轻松，旋转3s轻松； 位置：绝对位置； } @关键帧旋转{ 从{ 变换：旋转0度； } 到{ 变换：旋转2520度； } } @关键帧移动{ 从{ 排名：0； 左：0； } 到{ 顶部：100px； 左：100px； } }

.animation{
    animation: rotate 5s ease-in 0s;
    }
@keyframes rotate{
    0%{transform:rotate(0deg) translate(0px,0px);
   }


 100%{
 transform:rotate(2520deg) translate(100px,100px);
 }