CSS3 單頁翻書效果是一種讓網站頁面更生動、更具吸引力的解決方案。這種效果向用戶展示的是一本真實的書籍，用戶可以像翻書一樣操作。

.book {
position: relative;
width: 400px;
height: 600px;
margin: auto;
overflow: hidden;
perspective: 2000px;
}
.page {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: transform 0.6s ease;
}
.page.front {
z-index: 2;
transform: rotateY(0deg) translateZ(0px);
}
.page.back {
transform: rotateY(-180deg) translateZ(-1px);
}
.page.back .content {
transform: scaleX(-1);
}

以上是CSS代碼，其中包括了book和page樣式的設置。perspective屬性設置了透視度，這是單頁翻書效果的關鍵屬性之一；backface-visibility屬性控制元素背面是否可見，非常重要；preserve-3d屬性可以保持元素在3D空間中的位置，使得它們在轉換時不會彼此穿過。transform屬性用來改變元素的位置并模擬翻書的過程，通過設置不同的角度來切換頁面的效果。