3D Transformacije

1. Rotate

rotateX() i rotateY()

Rotacija objekta oko x-osi (horizontalno).

CSS: transform: rotateX/Y(45deg);

2. Translate

Pomicanje objekta duž određenih osi.

CSS: transform: translateZ(50px);

3. Scale

Promjena veličine objekta.

CSS: transform: scale(1.5);

4. Flip

Preokretanje objekta oko osi.

CSS: transform: rotateY(180deg);

5. transform-origin

postavlja ishodište za transformacije elementa.

CSS: transform-origin: bottom right 60px;