想要為你的網(wǎng)站添加更漂亮的文本框效果嗎？使用 CSS 文本框滑動(dòng)功能，你可以輕松實(shí)現(xiàn)這一目標(biāo)！

以下是一個(gè)示例的 CSS 代碼，可以讓你實(shí)現(xiàn)滑動(dòng)文本框效果：

.textbox {
overflow: hidden; /* 隱藏文本框的滾動(dòng)條 */
height: 80px; /* 設(shè)置文本框高度 */
width: 250px; /* 設(shè)置文本框?qū)挾?*/
margin: 0 auto; /* 讓文本框水平居中 */
}
.textbox p {
padding: 10px; /* 設(shè)置文本框內(nèi)部的間距 */
margin: 0; /* 清除外邊距 */
line-height: 1.5; /* 設(shè)置文本行高 */
}
.scroll-box {
animation: scrolltext 10s linear infinite; /* 設(shè)置文本滾動(dòng)動(dòng)畫 */
white-space: nowrap; /* 讓文本不換行 */
}
@keyframes scrolltext {
0% {
transform: translateX(0); /* 設(shè)置文本初始位置 */
}
100% {
transform: translateX(-100%); /* 設(shè)置文本最終位置 */
}
}

使用上述代碼，只需在 HTML 中添加以下代碼即可創(chuàng)建文本框：

<div class="textbox">
<div class="scroll-box">
<p>添加你想要滑動(dòng)的文本內(nèi)容，可以添加多個(gè)段落</p>
</div>
</div>

這是一個(gè)簡(jiǎn)單的示例，你可以通過(guò)修改 CSS 代碼來(lái)實(shí)現(xiàn)不同的滑動(dòng)效果。讓你的網(wǎng)站更加炫酷吧！