CSS的陰影效果能夠使網頁看起來更加立體和美觀，下面為大家介紹如何通過CSS實現左右框陰影效果。

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

首先，需要給要添加陰影效果的元素（例如div）設置一個背景色，這里我們設置為白色（#fff）。

接下來，通過box-shadow屬性來添加陰影效果。其中-10px 0px 10px表示左側陰影的位置偏移和大小，rgba(0, 0, 0, 0.3)表示陰影的顏色和透明度。同理，10px 0px 10px表示右側陰影的位置偏移和大小。

最終，在同一個元素上添加了兩個陰影，分別在左側和右側，就可以實現左右框陰影效果了。