CSS 渐变 & 阴影生成器

渐变背景

盒子阴影

5px
5px
10px
0px
预览元素

工具说明

可视化生成 CSS 渐变背景和盒子阴影代码,实时预览效果,一键复制 CSS 代码。

使用说明

  • 渐变:选择方向、两种颜色,下方自动生成 CSS 代码和预览效果。
  • 阴影:通过滑块调整偏移、模糊、扩散和颜色,实时查看阴影效果。
  • 点击代码块即可手动复制(可全选复制)。