CSS Storto


Esempio

HTML

<div class="skew"></div>

CSS

.skew {
    width: 100px;
    height: 100px;
    background: teal;
    transform: skew(20deg, -30deg);
}

Questo esempio inclina il div di 20 gradi sull'asse X e di -30 gradi sull'asse Y.
Il centro della trasformazione si trova al centro del div, 50% da sinistra e 50% dall'alto.

Vedi il risultato qui .