CSS 阴影生成器

关于 CSS 阴影生成器

多层阴影实时预览并可复制 CSS 代码。填写“水平偏移”、“垂直偏移”、“模糊半径”后点「生成」，结果会显示在结果区；运算全部在浏览器本地完成，输入内容不会上传。

CSS 阴影生成器 读取上方表单里的“水平偏移”、“垂直偏移”、“模糊半径”、“扩散半径”、“颜色”、“不透明度”，把答案写进结果区。页面不需要登录，也不会把数据发到服务器：所有计算都由本页的脚本在你的设备上完成。

如何使用

1. 从生成与工具分类打开CSS 阴影生成器，也可以用页头的搜索框找到它。
2. 按页面上的字段逐一填写：“水平偏移”、“垂直偏移”、“模糊半径”、“扩散半径”、“颜色”、“不透明度”。
3. 点「生成」。新结果会覆盖上一次的结果，页面只显示当前这一轮，不会把两次结果并排放在一起。
4. 点「复制 CSS」把结果复制到剪贴板；只有真的复制到内容时才会出现成功提示。

使用示例

在上方字段里填入自己的数据，点「生成」即可得到结果；改动任一输入后再点一次，结果会按当前输入重新计算并替换上一次的结果。

常见问题

我输入的内容会被上传吗？

不会。CSS 阴影生成器 用浏览器里的脚本处理“水平偏移”、“垂直偏移”、“模糊半径”、“扩散半径”、“颜色”、“不透明度”，输入和结果都留在你的设备上，Utilixo 不保存副本。

能不能保留多次结果做对比？

不能并排保留。每次点「生成」都会按当前输入重算并覆盖上一次结果；想对比请自己先记下前一次的数值。

用CSS 阴影生成器时要注意什么？

结果只取决于页面上这几个字段（“水平偏移”、“垂直偏移”、“模糊半径”、“扩散半径”、“颜色”、“不透明度”）；改动其中任意一项，再点「生成」就会得到更新后的结果。

结果怎么带走？

结果出现后点「复制 CSS」即可复制；结果为空时不会出现成功提示。

需要注册或付费吗？

不需要。CSS 阴影生成器 免费、无需注册，也没有次数限制，打开页面直接用。

相关工具

• 抛硬币 — 抛一次或多次硬币并统计结果。
• 取色器 — 选取颜色并读取 HEX、RGB、HSL 与对比度。
• 骰子模拟器 — 投掷任意数量、任意面数的骰子。

延伸阅读

想看更完整的说明，可以读这篇生成与实用工具分类指南，里面逐个介绍了本分类的工具，并附了实际用法和小技巧。