在线 CSS 生成器
可视化调节渐变背景、盒子阴影、圆角，实时预览并一键复制 CSS 代码。
🔒 文件本地处理不上传
使用说明
如何使用
- 通过顶部标签选择要生成的类型：渐变背景、盒子阴影 或 圆角。
- 拖动滑块、选择颜色等参数，下方预览方块会实时变化。
- 满意后在生成的 CSS 区域查看代码，点击复制粘贴到你的项目即可。
各功能说明
- 渐变背景（linear-gradient）：调节角度与两个颜色色标，生成线性渐变背景。
- 盒子阴影（box-shadow）：调节水平/垂直偏移、模糊、扩展与颜色，支持切换为内阴影（inset）。
- 圆角（border-radius）：分别调节四个角的半径，生成圆角代码。
隐私说明
- 工具完全在浏览器本地运行，所有调节与预览都不联网，不上传任何数据。
- 生成的是标准 CSS 属性，可直接用于样式表或行内
style。
适用于快速调试视觉效果、生成可复用的 CSS 片段等前端开发场景。
常见问题
支持生成哪些 CSS？⌄
目前支持三类：linear-gradient 渐变背景、box-shadow 盒子阴影、border-radius 圆角，通过顶部标签切换，均提供实时预览与可复制代码。
生成的代码可以直接用吗？⌄
可以。复制后粘贴到你的 CSS 或行内 style 中即可使用，工具生成的是标准 CSS 属性。
需要联网吗？⌄
工具完全在你的浏览器本地运行，加载后即可离线使用，不会上传任何数据。
更新记录
- 2026-06-29v1.0.0首次发布，支持渐变背景、盒子阴影、圆角三类 CSS 的可视化生成与实时预览。