CSS 生成器

生成阴影、渐变等 CSS 代码

CSS 生成器 — 在线生成 Box-Shadow、Gradient、Border-Radius 等更多 CSS 代码

1. 选择要生成的 CSS 属性：盒阴影、渐变（线性或径向）、圆角或文本阴影。每个生成器都配有可视化控件和实时预览。
2. 调整可视化控件 — 拖动滑块设置阴影偏移、模糊半径、扩展和不透明度颜色；点击添加渐变色标；直观调整圆角。调整每项设置时，CSS 代码会实时更新。
3. 复制生成的 CSS 并直接粘贴到样式表中。输出的代码简洁、格式规范，遵循 CSS 最佳实践，并在需要时提供带供应商前缀的回退方案。

请启用 JavaScript 以使用这些工具。