如何用变换制作平行四边形

Question

我想制作这个元素：

http://screencast.com/t/T95m22e8OQy

我知道-moz-transform：skew（）;

#parallelogram {
width: 150px;
height: 100px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);
background: #FF0000;}

为此：

http://screencast.com/t/HSQ4CLCc

更新

解决方案：

 transform:         matrix(2.304, 1.020, 0.000, 2.098, 138.441, -46.000);

Answer 1

你可以对倾斜添​​加一个旋转，它会给你一些你想要的东西：

-moz-transform: rotate(90deg);

看看这个：

https://developer.mozilla.org/en/CSS/Using_CSS_transforms