在網頁設計中，很多時候需要使用到文字滑動效果。CSS提供了許多實現文字滑動效果的方法，下面將介紹其中兩種。

1. 使用CSS3的動畫
CSS3的動畫效果非常豐富，其中就包括了文字滑動效果。使用CSS3動畫的好處是可以兼容各種瀏覽器，實現起來也比較簡單。
下面是一個使用CSS3動畫實現的文字滑動效果的示例代碼：
/* 定義動畫 */
@keyframes slide {
0% {
transform: translateX(0); /* 初始位置 */
}
100% {
transform: translateX(-100%); /* 結束位置 */
}
}
/* 應用動畫 */
.slide {
animation: slide 5s infinite; /* 滑動時間為5秒，無限循環 */
}
/* HTML代碼 */
滑動的文字
2. 使用CSS的transition
CSS的transition允許我們在滑動時添加一些動畫效果，例如慢慢變淡或改變顏色等。使用CSS的transition實現文字滑動效果的好處是代碼比較簡單，但是只能實現簡單的滑動效果，不能實現復雜的變化。
下面是一個使用CSS的transition實現的文字滑動效果的示例代碼：
/* HTML代碼 */
滑動的文字
/* CSS代碼 */
.slide {
position: relative; /* 設置相對定位 */
}
.slide::before {
content: ""; /* 偽元素 */
position: absolute; /* 設置絕對定位 */
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, transparent 0%, #000 100%); /* 漸變背景 */
transition: transform 1s linear; /* 滑動時間為1秒 */
transform: translateX(-100%); /* 開始位置 */
}
.slide:hover::before {
transform: translateX(0); /* 結束位置 */
}
以上就是使用CSS實現文字滑動效果的兩種方法，可以根據自己的需求選擇相應的方式。