TRANSFORM LAB
Transform，
在画布里调。
这次改成“舞台 + 控制轨 + 输出栏”的布局，不再是左右两块卡片。支持 2D / 3D 变换、transform-origin、透视、预设与代码输出。
LIVE TRANSFORM STAGE800px perspective
TRANSFORM
元素
TRANSLATE
0, 0
ROTATE
0°
SCALE
1 × 1
ORIGIN
50% 50%
POSITION
translateX0px
translateY0px
rotate0°
SHAPE
scaleX1
scaleY1
skewX0°
skewY0°
3D / ORIGIN
perspective800px
rotateX0°
rotateY0°
TRANSFORM ORIGIN
ORIGIN VISIBLE
金色锚点就是 transform-origin，可以直接看旋转和缩放围绕哪里发生。
2D + 3D
在原有 translate / rotate / scale / skew 基础上加入 perspective、rotateX 和 rotateY。
ORDER MATTERS
CSS transform 函数按书写顺序组合执行。当前输出顺序固定，方便结果稳定复现。
BitLeap · 本地计算 · 隐私优先