阴影生成器

拖拽调偏移模糊扩散

在线工具箱 / 图像媒体

阴影生成器:拖动圆点直接调阴影的偏移和模糊,调好把 CSS 复制走。最多可以叠 5 层阴影 —— 真实的立体感往往是好几层小阴影叠出来的,一层很重的阴影看起来总像贴上去的。

四个参数

X / Y 偏移
-50 到 50 像素,拖动圆点或者直接填数值。
模糊
0 起。模糊越大边缘越柔和,0 就是硬边。
扩散
-50 到 50 像素。正数让阴影整体变大,负数让它收缩 —— 做「内嵌感」常用负扩散。

多层阴影

点「图层」可以加层,最多 5 层。常见套路是:一层小模糊、贴边的实阴影定轮廓,再叠一层大模糊、低透明度的做环境光。每层都能单独选颜色。

同类工具