CSS Transform Visualizer
2D/3D transform visual configurator
Transform
Translate
Rotate
Scale
Skew
CSS 代码
transform: none;
CSS Transform 说明
变换函数
- translate() — 平移元素
- rotate() — 旋转元素
- scale() — 缩放元素
- skew() — 倾斜元素
- perspective() — 3D 透视距离
使用场景
- hover 动画效果
- 卡片翻转效果
- 3D 旋转展示
- 元素定位偏移