CSS 盒子阴影生成器

developer

生成多层 CSS 盒子阴影和内置预设(柔和、浮起、新拟态)。导出 CSS、Tailwind 和 React 内联样式。

#css#box-shadow#shadow#design#neumorphism#generator
Loading tool...

How to use

  1. 1输入参数:x=0 y=4 blur=12 spread=0 color=#000000 opacity=0.15
  2. 2使用 "---" 分隔多个阴影层
  3. 3输入 "preset=soft" 查看所有可用预设

Frequently Asked Questions — CSS 盒子阴影生成器

内阴影是什么?+

内阴影出现在元素内部而不是外部。在参数中使用 "inset=true"。非常适合创建按下/凹陷效果。

新拟态是什么?+

新拟态是一种 UI 设计趋势,同时使用两个阴影——一个亮一个暗——创造元素从背景中浮现的错觉。

Related Tools