CSS阴影代码生成器

CSS阴影代码生成器

CSS阴影代码生成器 使用CSS box-shadow 属性在元素的整个框周围添加阴影效果。

可以通过用逗号分隔的方式来设置多个阴影。阴影框属性由 X 和 Y 偏移、模糊、扩展半径和颜色组成。

box-shadow value

box-shadow: x-offset y-offset blur-radius spread-radius color | inset

x-offset

相对于元素的水平偏移。正数将阴影向右移动。负数将阴影向左移动。如果为 0，则阴影的水平位置位于元素后面。
y-offset
相对于元素的垂直偏移。正数使阴影向下移动。负数使阴影向上移动。如果为 0，则阴影的垂直位置位于元素后面。
blur-radius
模糊半径。值越大，模糊越大且越浅。不允许使用负值。如果为 0，阴影将具有锐利的边缘。
spread-radius
扩散半径。正值将使阴影变大。负值将使阴影缩小。
color
阴影的颜色值。