純CSS頁面滑動是指通過CSS代碼實現網頁中的頁面過渡效果，這種實現方式可以避免使用JavaScript，提高用戶體驗。

/* CSS代碼實現頁面滑動 */
.slide {
position: relative;
overflow: hidden;
}
.slide .slides {
position: relative;
width: 300%;
left: 0;
}
.slide .slides .slide1 {
position: relative;
float: left;
width: 33.33%;
}
.slide .slides .slide2 {
position: relative;
float: left;
width: 33.33%;
}
.slide .slides .slide3 {
position: relative;
float: left;
width: 33.33%;
}
.slide .navigation {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: flex;
}
.slide .navigation .dot {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ddd;
margin-right: 10px;
cursor: pointer;
}
.slide .navigation .dot.active {
background-color: #666;
}

其中，.slide為包含滑動頁面的容器，.slides為滑動頁面的群組，每個.slide1、.slide2、.slide3為單個頁面，.navigation為頁面下方的圓點導航，.dot為導航中的每個圓點，.active表示當前所處頁面圓點的樣式。

在HTML中，需要按照如下格式嵌套實現頁面滑動：

<div class="slide">
<div class="slides">
<div class="slide1"><img src="image1.jpg"></div>
<div class="slide2"><img src="image2.jpg"></div>
<div class="slide3"><img src="image3.jpg"></div>
</div>
<div class="navigation">
<span class="dot active"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>

通過將.slides的left屬性設為不同值，即可實現頁面滑動的過渡效果。

總之，純CSS頁面滑動是一種十分便捷的實現方式，可以有效提升用戶體驗。在實際項目應用中，還需根據需求進行一定的樣式調整。