css - CSS 转换

Question

如何使用 CSS (-moz-transform) 更改一个看起来像这样的 div：

Answer 1

您可以查看Mozilla 开发人员中心。甚至还有例子。

但是，在我看来，您的具体示例是不可能的（还）：

注意：目前不支持 Z 轴，所以不支持透视、3D 旋转、3D 缩放和 3D 变换。—<a href="https://developer.mozilla.org/en/CSS/Using_CSS_transforms" rel="nofollow noreferrer">使用 CSS 转换

您无法仅通过平面中的倾斜、旋转和平移来重新创建此效果。平行线永远是平行的，即使在变换之后。