国外优秀的 CSS 阴影效果生成器

Boss有话说

有没有想过为什么你的网页设计缺少一些深度元素？如果让用户体验更加舒服，停留时间更长呢？不如添加具有现代感的 CSS 阴影特效吧，特别是像按钮或者卡片这样的模块。

如果自己敲 CSS 代码创建阴影效果，可能需要很大的耐心和精力。那么 Boss 推荐几款优秀的在新生成 CSS 阴影效果的神器给你哦。

Box-shadov.dev

传送门：https://box-shadow.dev/

简单干净的 UI 界面，通过滑动设置轻松完成好看的 CSS 阴影效果。

CSSBud

传送门：https://cssbud.com/css-generator/css-box-shadow-generator/

一个让你创建阴影的生成器，通过在预览区生成代码。

Shadows Brumm

一个更高级的阴影生成器，允许你控制阴影的层数、透明度、强度、距离等。

Box Shadows | 在线创建可视化CSS阴影效果神器 Box Shadows 一款可以在线创建CSS盒子阴影效果的神器，无需调整CSS代码，通过可视化操控界面，轻松快速生成自然真实的CSS阴影效果，值得收藏使用哦。 2020-12-26 设计师神器 5081

Neumorphism

对于那些喜欢基于新拟物设计的朋友来说，这个生成器非常适合你。时尚现在的用户界面操作同样简单。

Neumorphism | 免费在线CSS阴影生成器 Neumorphism免费在线 CSS 阴影生成器，创建新一派的网站设计风格，何必辛苦去调节 CSS 阴影参数呢？这款 UI CSS 在线工具可根据尺寸、阴影半径、距离、强度、模糊，以及形态就可以创建... 2021-3-13 设计师神器 5098

Shadow Palette

具有现代用户界面的高级阴影生成器。由号称最牛 CSS 大神 Josh W.Comeau 创建的阴影效果神器。

Shadow Palette | 免费 CSS 阴影效果生成器 Shadow Palette免费 CSS 阴影调色板生成器，轻松创建三种风格的阴影效果，让你的 CSS 阴影效果变成非常真实逼真，你可以手动拖动灯光位置，无需修改代码实时展示阴影的方向，以及阴影浓度、... 2021-11-24 设计师神器 2590