CSS3是一種用于美化網頁樣式的技術，其中包括了許多滾動效果。下面介紹幾種基本的滾動效果：

/* 水平滾動 */
body {
white-space: nowrap; /* 讓所有內容不換行 */
overflow-x: scroll; /* 橫向滾動條 */
}
/* 垂直滾動 */
body {
height: 100vh; /* 設置頁面高度為視口高度 */
overflow-y: scroll; /* 垂直滾動條 */
}
/* parallax 滾動 */
.parallax-image {
background-image: url('path/to/image.jpg');
background-size: cover;
background-attachment: fixed; /* 將背景圖固定 */
height: calc(100vh + 50px); /* 讓圖片高度超過視口，放大背景效果 */
margin-top: -50px; /* 將margin-top設為負數，使得內容可以正常顯示 */
}
/* infinite 滾動 */
.container {
white-space: nowrap;
animation: scroll 10s linear infinite; /* 定義滾動動畫 */
}
@keyframes scroll {
0% { transform: translateX(0); } /* 初始位置 */
100% { transform: translateX(-100%); } /* 滾動到最左邊 */
}

以上是幾種比較常用的滾動效果，可以根據需要結合不同的網頁元素、動畫屬性和定位方式來實現更加豐富的效果。