CSS盒阴影生成器
生成带有实时预览的CSS盒阴影。调整偏移、模糊、扩展、颜色和透明度——然后叠加最多4个阴影并复制CSS。
广告
预设:
阴影 1
水平4
垂直4
模糊8
扩展0
颜色
透明度20
广告
常见问题
什么是CSS盒阴影？
CSS的box-shadow属性为元素框架添加一个或多个阴影效果。您可以控制水平和垂直偏移（位置）、模糊半径（柔和度）、扩展半径（大小）、颜色，以及阴影是内嵌（内部）还是外投（外部）。
"内嵌"有什么作用？
不使用inset时，盒阴影绘制在元素外部，类似投影效果。使用inset时，阴影绘制在元素边框内部，产生内发光或凹陷效果。
我可以叠加多个盒阴影吗？
可以——CSS允许在单个box-shadow属性上使用逗号分隔的多个阴影。使用"添加阴影层"可创建最多4个叠加阴影。列表中第一个阴影绘制在最上层。