.box {
box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.5);
}在上面的代码中，大家给.box这个元素添加了一个阴影效果。其中，box-shadow属性需要四个参数，分别是：
- 水平偏移量：负值表示阴影在元素左侧，正值则表示在右侧。
- 垂直偏移量：负值表示阴影在元素上方，正值则表示在下方。
- 模糊半径：值越大，阴影越模糊。
- 扩散半径：值越大，阴影越扩散。
最后一个参数是rgba，可以用来设置阴影的颜色和透明度。在这里，大家把阴影的颜色设置为黑色，透明度为0.5。
通过修改这些属性的值，大家可以调整阴影的效果。比如，如果要让阴影更加明显，可以将模糊半径和扩散半径的值增大；如果想要将阴影设置在元素的底部，可以将垂直偏移量设置为正值。
总之，box-shadow是一个很实用的CSS属性，可以帮助大家实现各种有趣的效果。如果你还没有使用过它，赶快试一试吧！