CSS可以使用box-shadow屬性為元素添加陰影效果，例如：

.box {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

上述代碼表示為.box元素添加陰影效果，陰影顏色為黑色，透明度為0.5。其中，box-shadow屬性需要指定四個參數，分別表示陰影的水平偏移量、垂直偏移量、模糊半徑和陰影顏色。

如果需要為元素的某個邊添加陰影效果，可以借助偽元素實現。例如，為元素的左邊添加陰影效果：

.box:before {
content: "";
position: absolute;
left: -10px;
top: 0;
width: 10px;
height: 100%;
box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.5);
}

上述代碼表示為.box元素的左邊添加陰影效果，陰影顏色為黑色，透明度為0.5。其中，使用:before偽元素添加一個寬度為10px、高度為100%、位于元素左側、具有陰影效果的實心矩形。

通過借助偽元素，我們可以為元素的任意一側添加陰影效果，實現靈活多樣的設計效果。