CSS中的陰影效果可以通過box-shadow屬性實現。在使用box-shadow時，我們可以設置距離屬性，來控制陰影與元素的距離。

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

上述代碼中，box-shadow的第一個屬性值為水平距離，第二個屬性值為垂直距離。在這個例子中，陰影將向右下方偏移10px。

我們也可以設置多個陰影，以實現更多的效果。下面是一個例子，展示了多個陰影的效果：

.box-shadow {
box-shadow: 
0 0 10px rgba(0,0,0,0.1),
0 0 20px rgba(0,0,0,0.2),
0 0 30px rgba(0,0,0,0.3),
0 0 40px rgba(0,0,0,0.4);
}

上述代碼中，我們設置了四個陰影，每個陰影距離為0，也就是在原位置上。而每個陰影都比前一個陰影的距離更遠，實現了陰影層次感的效果。