🎨 CSS 渐变 / 阴影生成器

可视化生成线性渐变、径向渐变、盒阴影与文字阴影，实时预览并一键复制 CSS

background: linear-gradient(90deg, #4a90e2 0%, #3a7bd5 100%);
拖动滑块或选择颜色即可实时生成 CSS 代码

📦 功能概览

四种常用 CSS 视觉效果可视化生成，所见即所得

linear-gradient radial-gradient box-shadow text-shadow

💡 使用提示

  • 渐变支持多个色标，可自定义颜色与停止位置，最少保留 2 个色标
  • 盒阴影支持 X/Y 偏移、模糊、扩散、颜色与内阴影（inset）
  • 颜色框与 HEX 文本框联动，方便输入带透明度的色值
  • 所有生成在浏览器本地完成，数据不上传，一键复制即用

✨ 绘萤者

以萤火之光，绘万千想象

完全免费 开源精神 极客风范 协作共创

绘萤者——探索真正的互联网精神，创造更有意义的互联网。