CSS 3D翻書效果是一種逼真的視覺效果，可以增加網站的交互性和用戶體驗。下面我們介紹如何使用CSS實現3D翻書效果：

.book{
width: 200px;
height: 300px;
position: relative;
perspective: 1000px;
transform-style: preserve-3d;
}
.cover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform-origin: 0 0 0;
transform: rotateY(0deg);
background-image: url(cover.jpg);
background-size: cover;
}
.inner{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform-origin: 0 0 0;
transform: rotateY(180deg);
background-image: url(inner.jpg);
background-size: cover;
}
.book:hover .cover{
transform: rotateY(-180deg);
}
.book:hover .inner{
transform: rotateY(0deg);
}

以上代碼中，book是包含cover和inner的容器，使用perspective屬性和transform-style屬性實現3D效果。cover和inner分別是封面和內頁，使用rotateY屬性實現翻頁效果，hover偽類實現鼠標懸停翻頁。

需要注意的是，這種效果在移動端的體驗并不好，需要使用JavaScript來實現翻頁效果。