从右倾斜DIV

Question

是否有可能将div从右边缘倾斜？当我使用transform:skew(XXdeg)时，它总是偏离中心。

我试图将两个div对齐：一个是倾斜的，另一个没有任何转换。基本上它应该看起来像一本带有提升盖的书 - 所以两个div必须在中心相遇（右边缘倾斜触摸，左边缘无变形触摸）。有任何想法吗？谢谢！

Answer 1

您可以使用transform-origin

transform-origin不完全受支持，您可能需要使用供应商前缀才能使它们与某些浏览器一起使用。

要从左侧倾斜45º，您可以使用以下内容：

transform-origin: 100% 100%; /* you can use pixels instead */
transform:        skew(45deg);

同样，您可能需要供应商前缀才能使其适用于所有浏览器。