从构思到上线 3 天，前端的调样式效率直接翻倍amalia11.github.io/CSS-Generat… 开源地址，拿走就能用
作为前端开发，每次调 CSS 都要反复查属性（比如 border-radius 写多少合适、box-shadow 怎么配参数），尤其赶需求时特别影响效率。
上周花 3 天做了个「CSS 样式快速生成器」—— 可视化拖一拖、点一点，就能实时生成代码，不用记属性、不用算数值。
现在自己写组件快了不少，今天把工具分享出来，附免费使用链接，前端小伙伴们可以直接拿去用～
针对这些问题，我做的这个生成器核心就 3 个功能，刚好对应解决上面的麻烦：
- 可视化调节，不用记属性：所有参数都用 “滑块 + 颜色选择器”，比如调阴影直接拖滑块，数值实时显示，不用记 box-shadow 的 4 个参数顺序；
- 实时预览 + 代码生成：左边调参数，右边马上看到效果，代码自动生成，不用手动写一行 CSS，复制就能用；
- 内置常用模板：预设了按钮、卡片、输入框的样式模板，点一下就能套用，不用从零开始调，还能保证团队样式统一。
