MoaKit
全部工具

Box Shadow 生成器

叠加多层阴影,生成自然的 CSS box-shadow,提供新拟态、粗野主义等预设和 Tailwind 类名。

프리셋

그림자 층 3개

px
px
px
px
%

그림자는 여러 겹을 옅게 쌓을수록 실제 빛처럼 자연스러워요. 색은 검정보다 배경과 어울리는 짙은 색이 좋아요.

什么是Box Shadow 生成器?

一边查看效果,一边调整盒阴影(box-shadow)的位置、模糊度和颜色,并生成 CSS 代码。

使用方法

  1. 调整水平、垂直位置和模糊程度。
  2. 选择阴影颜色和透明度。
  3. 复制 CSS 代码。

使用技巧

  • 模糊度调大、透明度调低,就会得到柔和的阴影。
  • 叠加多层阴影会自然得多。