可视化拖拽调整 CSS 变换参数,实时预览生成可用代码
给前端开发者做的可视化 CSS transform 参数生成工具。不用手动计算数值,拖拽滑块就能调整,实时看效果,直接复制生成好的代码。
完全遵循 W3C CSS transform 标准,支持2D平移、缩放、旋转、倾斜,以及3D透视、位移等变换属性,输出标准格式的CSS代码。
支持3D变换。包括透视、3D旋转、3D平移、3D缩放,可以生成完整的transform-style属性。
可以直接复制使用。输出符合W3C标准的inline CSS代码,兼容所有现代浏览器。
可以同时添加多个变换。工具会自动按顺序把多个变换参数合并到同一条transform规则中。
通常是父元素perspective设置差异导致。工具只生成当前元素的transform代码,你可以调整父元素参数适配。