盒子阴影指示盒子的阴影，可以为元素设置阴影效果。如果我们设置向下阴影效果：
0在上面的盒子阴影中代表水平偏移，3PX表示垂直偏移，5PX表示模糊的大小，RGBA（0，0，0，0，.3）表示投影的颜色。
常用的投影效果主要由偏移，模糊和颜色组成。
无论是投影效果还是盒子的阴影，光源都位于左上角，因此，如果水平偏移是整数，则投影是正确的，如果是负数，则该投影将留在左侧，相同的垂直偏移是相同的。
内部阴影框阴影支持关键字，指示阴影的内部到元素。
盒子阴影：内部阴影效果适合于达到嵌入式效果，并且视觉效果低于视觉效果层。
BOOSX阴影：内部阴影和垂直偏移方向的水平与外阴影一致。它们都是左上角的光源。
颜色覆盖框阴影可以生成的阴影位于文本内容下，背景颜色在上方，因此我们可以在元素上实现一层颜色。
盒子阴影中的阴影颜色覆盖范围有限，当标签元素（例如IMG）时，这是无效的。
易于忽略的盒子阴影的地方可以接收2-4个值。前两个值是固定的，分别表示水平偏移和垂直偏移。这四个值很少在每天使用，主要用于两个方面：和谐。
轮廓模拟我们可以使用第四长度值来实现：
单侧阴影可以用扩展半径实现，因为扩展半径支持负值。当我们设置模糊半径相对较大时，我们可以看到左侧和右侧有一些阴影。
盒子阴影也可以实现多边效果，还可以支持圆形效果。我们只需要为覆盖层设置更多的效果即可实现。
如果您想使用盒子阴影来达到各种CSS加载效果，我们可以将其结合起来，以便动画效果也具有。
盒子阴影也可以用于优化动画和性能。例如，我们实现了盒子阴影的过渡效果：