HTML5是一種流行的網頁開發語言，其中包含許多有趣的功能，如3D翻頁效果。

<style>
 .container {
position: relative;
perspective: 1000px;
 }
 .page {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
 }
 .front {
z-index: 2;
transform: rotateY(0deg);
 }
 .back {
z-index: 1;
transform: rotateY(-180deg);
 }
 .turned {
transform: rotateY(-180deg);
 }
</style>
<div class="container">
<div class="page front">
<!--前頁內容-->
</div>
<div class="page back">
<!--后頁內容-->
</div>
</div>
<script>
document.querySelector('.container').addEventListener('click', function() {
document.querySelector('.page').classList.toggle('turned');
});
</script>

以上代碼使用了CSS 3D轉換功能，以及JavaScript事件監聽器，當用戶點擊頁面時，它會翻轉并顯示另一面內容。希望這篇文章能夠幫助你了解如何實現一個基本的HTML5 3D翻頁效果。