CSS3中的transform屬性可以實現(xiàn)網(wǎng)頁頁面的滑動效果。通過設(shè)置元素的transform屬性可以改變元素的位置、旋轉(zhuǎn)、縮放等，從而實現(xiàn)頁面滑動的效果，以下是一些常用的滑動效果：

/*向上滑動效果*/
.slide-up{
transform: translateY(-100%);
}
/*向下滑動效果*/
.slide-down{
transform: translateY(100%);
}
/*向左滑動效果*/
.slide-left{
transform: translateX(-100%);
}
 /*向右滑動效果*/
.slide-right{
transform: translateX(100%);
}

可以通過設(shè)置transition屬性使頁面滑動時出現(xiàn)漸變效果，如下所示：

/*頁面滑動出現(xiàn)漸變效果*/
.trans{
transition: transform 0.5s ease-in-out;
}

以上代碼中的transition屬性指定了元素變換的屬性（即transform）、變換時長（0.5秒）和變換速度類型。

除了使用translateX和translateY屬性，還可以使用rotate和scale屬性實現(xiàn)不同的滑動效果。例如，以下代碼可以使元素在X軸方向上旋轉(zhuǎn)90度后滑動到目標位置：

/*元素在X軸方向上旋轉(zhuǎn)90度后滑動到目標位置*/
.slide-rotate{
transform: rotateX(90deg) translateY(-100%);
}

通過改變transform屬性的值，可以實現(xiàn)各種不同的頁面滑動效果，從而為網(wǎng)頁增加更多的趣味性和交互性。