颜色
Box Shadow
可视化设计 CSS box-shadow。
关于
拖动滑块来设计 box-shadow。实时预览 + 可复制的 CSS 代码。
怎么用
- 拖动 x、y、模糊和扩展滑块。
- 选一个阴影颜色，想要内阴影就打开 inset。
- 点击底部的代码即可复制 CSS。
示例
- 为卡片设计一道柔和的投影。
- 为新野兽派按钮做一道偏移 4px 的硬阴影。
- 加一道 inset 内阴影，营造按下去的感觉。
常见问题
扩展（spread）是什么？
阴影在元素边缘之外放大或缩小的程度。负值会把它往里收。
模糊和扩展有什么区别？
模糊让边缘变柔和。扩展则在应用模糊之前改变大小。