3D CSS Transformations

Hover over each box to see the effect in action.

3D Transformations

Translate3D

Moves the element along the X, Y, and Z axes.

Scale3D

Scales the element in all three dimensions.

Rotate3D

Rotates the element in 3D space using a custom vector.

Perspective

Applies depth with perspective and rotateX.