Cómo hacer un paralelogramo con transformación

Quiero hacer este elemento:

image1 http://screencast.com/t/T95m22e8OQy

Y lo sé -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;}

para esto:

image2 http://screencast.com/t/HSQ4CLCc

Noticias

LA SOLUCIÓN:

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

preguntado el 08 de noviembre de 11 a las 15:11

1 Respuestas

Puede hacer una rotación agregada al sesgo, le dará algo como lo que desea:

-moz-transform: rotate(90deg);

mira esto:

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

respondido 08 nov., 11:19

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.