在线工具 CSS 框阴影生成器

color
color

创建盒子阴影的属性以获得 CSS 样式。

使用滑块和颜色选择器设置值并观看实时预览,直到达到所需的效果。选择右下移、散布、模糊、不透明度、颜色。

为预览背景和对象选择自定义颜色。

 

添加多个框阴影

Web 浏览器允许我们在设计中添加多个阴影,这个在线工具也是如此。使用 Add new 按钮保存当前行并设置新行。 

 

CSS 语法

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

注意: 要将多个阴影附加到一个元素,请添加一个以逗号分隔的阴影列表(请参阅下面的“自己尝试”示例)。