长风破浪会有时，直挂云帆济沧海。 —— 李白《行路难》
CSS Transform 在线预览工具
旋转Rotate / 缩放Scale / 倾斜Skew / 平移Translate / 3D透视Perspective
Transform
生成的CSS代码
CSS Transform说明
CSS Transform可以对元素进行旋转、缩放、倾斜和平移变换。添加perspective属性可以实现3D透视效果。多个变换函数按顺序从右向左应用。Transform不影响文档流，常用于动画和交互效果。如需生成@keyframes动画可使用CSS动画生成器，配合阴影生成器可以创建更立体的视觉效果。
常见问题
CSS Transform预览工具可以做什么？
可以可视化调整rotate（旋转）、scale（缩放）、skew（倾斜）、translate（平移）和perspective（3D透视）等CSS Transform属性，实时查看3D空间变换效果，并生成对应的CSS代码。
支持3D透视变换效果吗？
支持，通过perspective参数可以调整3D透视距离，配合rotateX和rotateY实现3D旋转卡片效果，直观感受CSS 3D Transform的空间变换。
生成的Transform代码可以直接复制吗？
可以，工具会自动生成标准的CSS transform属性代码，点击复制按钮即可一键复制使用，无需手动拼接。