关于此工具
通过拖动滑块调整偏移、模糊、扩展、颜色和不透明度,可视化打造 CSS box-shadow,然后复制即用规则。一切实时更新,并完全在你的浏览器中运行。
常见问题
扩展(spread)值有什么作用?
扩展会在应用模糊之前放大(正值)或缩小(负值)阴影,使其比元素更大或更紧凑。
什么是内阴影(inset)?
内阴影会把阴影绘制在元素内部而非外部,非常适合制作按下效果的按钮或内发光。
可视化设计 box-shadow,实时预览并复制 CSS。
通过拖动滑块调整偏移、模糊、扩展、颜色和不透明度,可视化打造 CSS box-shadow,然后复制即用规则。一切实时更新,并完全在你的浏览器中运行。