html - 从右侧倾斜 DIV

Question

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

我正在尝试将两个 div 彼此对齐：一个倾斜，另一个没有任何转换。基本上它应该看起来像一本掀开封面的书 - 所以两个 div 必须在中心相遇（在右边缘倾斜接触，在左边缘不变形接触）。有任何想法吗？谢谢！

Answer 1

你可以使用变换原点

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

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

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

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