Demonstração de CSS Transform

Visualize transformações 2D/3D com ajuste de parâmetros em tempo real

Pré-visualização

TRANSFORM

Mostrar Posição Original

2D Transform

translateX 0px

translateY 0px

rotate 0deg

scaleX 1

scaleY 1

skewX 0deg

skewY 0deg

3D Transform

perspective 800px

rotateX 0deg

rotateY 0deg

rotateZ 0deg

translateZ 0px

Transform Origin

Código CSS