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