Как сделать параллелограмм с преобразованием

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