相对于视口右边缘平移元素

Question

我有一个div，它最初是使用此CSS在屏幕外翻译的

transform: translateX(100%);

现在，我希望该div通过右侧的特定像素数转换回视口。我一直在使用transform: translateX(-450px)，但是它相对于视口的原点进行转换，即（x，y）=（0,0）。相反，我要从屏幕的右侧将div 450px带到视口中。
换句话说，我希望翻译的起源是(x,y)=(100%,0%)
有什么办法可以做到这一点？

Answer 1

您可以添加多个并排转换转换CSS。

.box{
  transform: translateX(100%) translateX(-450px);

}