CSS3相对于右上角平移

是否可以将CSS3翻译的原点设置为右上角？我尝试了以下方法：

transform-origin: top right;
transform: translate3d(10px, 10px, 0);

（） 但翻译似乎仍在左上角进行。是否可以通过右上角、左下角、右下角等进行翻译

此图显示了上述CSS的结果。（红色框从顶部平移10px，从左侧平移10px）：

此图显示了我想要的行为（红色框从顶部向下平移10px，但也从灰色容器的右侧平移10px）

我知道我可以通过以下方式做到这一点：

position: absolute;
top: 10px;
right: 10px;

---

但我的问题是：通过使用CSS3转换，这可能吗？

Translate会获取渲染元素中的每个像素并将其移动（在您的示例中，向下移动10px，向左移动10px）

---

无论变换原点是什么，因为渲染元素中的所有像素都经过完全相同的操作。

在我看来工作正常。无论你从哪个角度翻译，你的代码都会把它放在10px的右边和10px的下面。您能描述一下您预期会发生什么吗？我想相对于父元素的右上角而不是左上角进行转换。@justspamjustin您的预期行为不清楚。也许一张图片或一段视频可以帮助我们更好地理解你在说什么saying@ZachSaucier我猜他想要的是将元素定位正确：首先是0px，然后是3d（-10px，10px，0）。。。但这只是一个例子guess@ZackSaucier我更新了问题。这有意义吗？