CSS3是CSS的升級版，它引入了許多新的屬性和特性。其中之一就是書頁陰影效果。當我們制作類似圖書、雜志等網站時，這個效果能夠增加頁面的真實感。

.book {
width: 500px;
height: 350px;
background-color: #fff;
position: relative;
}
.page-left, .page-right {
width: 50%;
height: 100%;
position: absolute;
top: 0;
}
.page-left {
left: 0;
box-shadow: -10px 0 10px -5px rgba(0, 0, 0, 0.5);
}
.page-right {
right: 0;
box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.5);
}

在上述代碼中，.book是書的外層容器，它設置了寬度、高度和背景顏色。.page-left和.page-right分別是左頁和右頁，它們使用絕對定位放置在.book容器內。

接下來是重點，我們使用box-shadow屬性給左右頁添加陰影效果。這里的值由四個參數組成，分別是水平位移、垂直位移、模糊半徑和陰影擴散半徑。通過調整這些參數，我們可以得到不同的陰影效果。

在書頁陰影效果中，我們通過設置水平位移和模糊半徑為負值，讓陰影向左或向右延伸。同時，陰影擴散半徑負值會讓陰影更加集中，產生更真實的效果。

通過上述代碼，我們可以輕松地為網站添加書頁陰影效果，增強頁面的視覺效果和用戶體驗。