Does CSS transform move other elements?

No. Transforms are visual. The original box still occupies its layout space. Use margin or position if you need neighbors to move.

CSS Studio

Interactive Learning

On this tool

A 3D rotation looks flat unless a parent sets perspective. rotateX and rotateY need that distance to read as depth.

transform does not change layout. Neighbors stay put even when the element visually overlaps them.

What people get wrong

A 3D rotation looks flat unless a parent sets perspective. rotateX and rotateY need that distance to read as depth.

Does CSS transform move other elements?: No. Transforms are visual. The original box still occupies its layout space. Use margin or position if you need neighbors to move.

Rotate X0deg

Rotate Y0deg

Rotate Z0deg

Perspective1000px

Scale1px

Skew X0deg

Skew Y0deg

Translate X0px

Translate Y0px

Generated CSS

From the controls

Transform Me