【工具】7 个不可思议的 CSS 阴影生成工具，让你的应用更具吸引力！

记录、分享IT相关知识和见闻！
想要了解更多软件相关知识的朋友！
记得右上角添加【关注】，支持一下！

网页设计中，CSS阴影(shadow)是一个非常重要的元素！可以为网页增添深度和层次感。

然而，手动编写CSS阴影可能会非常繁琐和耗时。

为了解决这个问题，许多CSS阴影生成工具应运而生。

本文将介绍 7个 CSS阴影生成工具，这些工具可以帮助你快速轻松地生成各种各样的阴影效果，让你的应用更具吸引力！

1.Box-shadov.dev

网址：https://box-shadow.dev/
非常简洁，干净的UI，很容易创建一个阴影效果。

2.CSSBud

网址：https://cssbud.com/css-generator/css-box-shadow-generator/
一个shadow生成器，一边配置，一边就生成还了shadow代码。

3.Shadows Brumm

网址：https://shadows.brumm.af/
一个更强大的生成器，你可以控制阴影的层级，透明度，强度，距离。

4.Neumorphism

网址：https://neumorphism.io/
一个拟物的阴影生成工具，帮你创建具有质感的拟物阴影。

5.Shadow Palette

网址：https://www.joshwcomeau.com/shadow-palette/
一个非常强大的酷炫的可以定制的阴影生成器工具，可以根据你的需要随意调整参数，并立即生成对应代码。

6.Shadow Examples

网址：https://getcssscan.com/css-box-shadow-examples
如果不习惯自定义，这个站点提供了非常多的预置的阴影效果，你可以根据自己的喜好直接选择对应的css 阴影代码。

7.Box-shadow.art

网址：https://box-shadow.art/
提供了非常多的预设阴影，如果对有些细节不太满意，还可以继续定制化修改这些阴影参数。