Objekte neigen mit transform:skew

Über die Eigenschaft transform:skew kann man über CSS Objekte sich neigen lassen.

Neigen eines Objektes an der X Achse

Definition in css

div.skewX {
-moz-transform:skewX(30deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:skewX(30deg); /* Safari */
-o-transform:skewX(30deg); /* Opera */
-ms-transform:skewX(30deg); /* IE9 */
transform:skewX(30deg); /* W3C */
}

Und so schaut´s aus

Neigen eines Objektes an der Y Achse

Definition in css

div.skewY {
-moz-transform:skewY(10deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:skewY(10deg); /* Safari */
-o-transform:skewY(10deg); /* Opera */
-ms-transform:skewY(10deg); /* IE9 */
transform:skewY(10deg); /* W3C */
}

Und so schaut´s aus

Neigen eines Objektes an der X und der Y Achse

Definition in css

div.skew {
-moz-transform:skew(30deg,10deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:skew(30deg,10deg); /* Safari */
-o-transform:skew(30deg,10deg); /* Opera */
-ms-transform:skew(30deg,10deg); /* IE9 */
transform:skew(30deg,10deg); /* W3C */
}

Und so schaut´s aus