CSS旋轉盒子是一種非常有趣的效果，可以讓元素在頁面中呈現出旋轉的效果。而在這個旋轉的過程中，我們也可以對盒子添加陰影，讓效果更加立體生動。

.box {
width: 100px;
height: 100px;
background-color: #ff8a5c;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

在上述代碼中，我們通過transform屬性將盒子居中并旋轉45度。而通過box-shadow屬性，我們給盒子添加了一層2px的陰影，顏色使用rgba設置為黑色，透明度為0.5，這樣就可以讓盒子更有層次感。

此外，我們還可以通過添加多個陰影層次，來讓盒子的立體感更加強烈，代碼如下：

.box {
width: 100px;
height: 100px;
background-color: #ff8a5c;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
box-shadow: 2px 2px 10px rgba(0,0,0,.5), -2px -2px 10px rgba(255,255,255,.3), 0 0 10px rgba(0,0,0,.2) inset;
}

在這個例子中，我們添加了三個陰影層次，分別為外圍黑色陰影、內部白色陰影和最內層黑色內陰影。這樣設置后，盒子就更具有立體感了。

總之，CSS旋轉盒子的陰影是一種非常有趣和炫酷的效果，不僅可以讓頁面更加生動，還可以給用戶留下深刻的印象。