CSS 阴影生成器
一边看着结果一边调偏移、模糊、扩散、颜色和透明度,调好把 CSS 拿走。还带了几组叠多层阴影的预设,做出来的层次更自然。
🎨 全部在你的浏览器里运行。不用装,也不用注册。
横向偏移0px
纵向偏移8px
模糊20px
扩散-4px
不透明度20%
box-shadow: 0px 8px 20px -4px rgba(15, 23, 42, 0.20);
自然的阴影一般只往下稍微落一点(横向为 0),颜色也不用纯黑,而是比背景略暗的藏青系淡淡铺一层。纯黑的阴影看着发脏。
这个工具能做什么
- 偏移、模糊、扩散和颜色
- 支持内阴影
- 多层叠加的自然预设
- 复制 CSS
其他颜色工具
颜色会因屏幕和色彩配置文件而略有差别。