从右侧倾斜 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);

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