CSS 2D Transformacije

Translate

Ova transformacija pomiče element u određenom smjeru.

Hover me
transform: translate(30px, 30px);

Rotate

Rotira element pod određenim kutom.

Hover me
transform: rotate(30deg);

Scale

Povećava ili smanjuje veličinu elementa proporcionalno.

Hover me
transform: scale(1.3);

Skew

Iskrivljuje element pod zadanim kutovima.

Hover me
transform: skew(15deg, 10deg);

Kombinacija

Istovremena primjena više transformacija.

Hover me
transform: rotate(30deg) scale(1.2) translate(15px, 15px);