CSS3正交矩形的梯形

Question

我有一个100x5的div：

并且我需要使用matrix3d()或rotateX()和perspective将其转换为具有45°角（见下文）的30px高对称梯形。角度应正好为45°

Answer 1

这似乎在Chrome中有效-

-webkit-transform: perspective(24px) rotateX(39deg) scale(0.6, 6.4);
transform: perspective(24px) rotateX(39deg) scale(0.6, 6.4);

不过，我的起点是this帖子。