CSS3将矩形变换为梯形

Question

我有一个100x5 div：

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

Answer 1

这似乎适用于Chrome -

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

我的出发点是this帖子。