我如何在transform中应用来自/到的键：从元素所在位置转换到位置确定？

Question

我想将css-animation与带有convertX的关键帧一起使用，并且

我想将translateX的100％值设置为0，并将translateX的0％值设置为元素当前所在的任何位置。我不想为0％确定值， 我该如何实现？ 谢谢

@keyframes moduleNumberKeyLeave{
  from{ transform: translateX( actual position)}
  to{ transform : translateX(0)}
 }

Answer 1

您可以尝试

@keyframes moduleNumberKeyLeave{
  from{ transform: translateX(none)}
  to{ transform : translateX(50px)}
}