CSS Transform 演示

2D/3D 变换可视化，实时调整参数查看效果

预览

TRANSFORM

显示原始位置

2D 变换

translateX 0px

translateY 0px

rotate 0deg

scaleX 1

scaleY 1

skewX 0deg

skewY 0deg

3D 变换

perspective 800px

rotateX 0deg

rotateY 0deg

rotateZ 0deg

translateZ 0px

Transform Origin

CSS 代码