CSS 阴影生成器
使用实时预览设计 CSS 盒子阴影。
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);调整偏移、模糊、扩展、颜色和不透明度来打造 box-shadow，并复制 CSS。
使用方法
- 拖动滑块来塑造阴影。
- 选择颜色和不透明度。
- 复制 CSS。
常见问题
- inset 有什么作用？
- 它将阴影绘制在元素内部而非外部。
- 我可以叠加多层阴影吗？
- 可以，手动用逗号分隔组合多个 box-shadow 值即可。
使用实时预览设计 CSS 盒子阴影。
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);调整偏移、模糊、扩展、颜色和不透明度来打造 box-shadow，并复制 CSS。