可视化调节 CSS 3D 变换参数,实时预览效果并生成代码
这是前端开发用的 CSS 3D 变换调试工具。你不用反复改代码刷新,直接拖动滑块调参数,就能实时看效果,调好直接复制可用代码。
它完全遵循 CSS 标准变换规则,支持旋转、平移、缩放、透视四个大类的常用参数,所有计算都在浏览器内完成,输出标准可用的 CSS 代码。
支持 rotateX/Y/Z 旋转、translate 平移、scale 缩放和 perspective 透视四个大类参数,覆盖绝大多数常用 3D 变换场景。
可以直接用。输出的是符合 W3C 标准的原生 CSS 代码,复制后可直接放到项目样式中使用。
可以调整。支持分别修改透视原点的水平、垂直百分比位置,适配不同位置的变换元素需求。
多数是透视参数差异导致。本工具参数和 CSS 标准完全一致,请检查你自己项目里的父级透视属性是否配置正确。