[分享]css3怎么实现添加多个阴影

CSS3可以实现添加多个阴影，通过box-shadow属性和逗号分隔的多个属性值来实现。下面是一个例子：

.box {
  box-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000;
} 

在上面的代码中，我们可以看到box-shadow属性后面有三个逗号分隔的属性值。这表示我们可以添加多个阴影效果。

每个属性值都由几个不同的值组成，用空格分隔。第一个值是水平阴影的偏移量，第二个值是垂直阴影的偏移量，第三个值是模糊半径，第四个值是阴影的颜色

在上面的例子中，我们定义了三个阴影效果，分别是10px模糊半径黑色阴影、20px模糊半径的黑色阴影和30px模糊半径的黑色阴影。

通过使用box-shadow属性和逗号分隔的属性值，我们可以轻松地创建多个阴影效果，从而为我们的网页增加视觉效果。