HTML電子書的翻頁效果對于用戶體驗來說至關重要。而頁翻轉效果可以增強用戶的閱讀感受，為此我們可以使用以下代碼實現翻頁效果。

<div class="book">
<div class="page">第一頁</div>
<div class="page">第二頁</div>
<div class="page">第三頁</div>
<div class="page">第四頁</div>
</div>

上述代碼中，“book”類是我們書本的包裹層，而每一頁的內容都包含在一個叫做“page”的類中。接下來使用以下的CSS代碼就可以實現翻頁效果。

.book {
perspective: 1000px;
}
.page {
position: absolute;
width: 100%;
height: 100%;
transform-style: preserve-3d;
backface-visibility: hidden;
transition: transform .5s ease;
}
.page:nth-child(even) {
transform: rotateY(-180deg);
}
.book:hover .page:nth-child(even) {
transform: rotateY(0deg);
}

上述代碼中，我們使用CSS的transform: rotateY()來實現翻轉效果。而CSS的transition: transform .5s ease;讓過渡效果更加平滑。而我們使用CSS的backface-visibility: hidden;則是為了讓我們翻轉的頁面不會鏡像反向，在3D視角下會隱藏背面。

好了，這就是一個簡單的HTML電子書頁翻轉代碼，你可以加以修改實現更加炫酷的效果。快來試試吧！