🌑
CSS阴影生成
可视化生成box-shadow
阴影预览
如何使用CSS阴影生成
- 调水平偏移、垂直偏移、模糊、扩散距离以及颜色、透明度
- 可加内阴影(inset),可叠加多层阴影
- 盒子实时预览
- 复制 box-shadow 代码
CSS阴影生成功能说明
- 可视化生成外阴影、内阴影,支持多层叠加
- 偏移、模糊、扩散、颜色逐项可调
- 复制即用
注意事项
- 大面积模糊阴影会增加渲染开销,长列表里慎用
- 多层阴影用逗号分隔,顺序影响层次
- 想柔和就把偏移调小、模糊调大、透明度降低