在前端開發中，我們常常會用到滑頁功能。下面我們來學習如何用CSS實現這個功能

/*設置滑頁的寬度和高度*/
.slide-page {
width: 100vw;
height: 100vh;
}
/*設置滑動效果*/
.slide-page {
position: absolute;
top: 0;
left: 0;
transition: transform 0.5s ease;
}
/*將滑頁疊在一起*/
.slide-page:not(:first-child) {
transform: translateX(100%);
}
/*觸發滑動事件*/
.slide-page_active {
transform: translateX(-100%);
}

以上就是用CSS實現滑頁功能的代碼。