在網頁開發中，有時候需要讓文字垂直向上移動，比如在輪播圖或動畫中需要實現這樣的效果。那么該如何使用 CSS 來實現文字垂直向上移動的效果呢？

/* 定義需要垂直向上移動的文本樣式 */
.vertical-text {
position: relative;
top: 0; /* 將元素定位在初始位置 */
animation: move-up 1s ease-out infinite; /* 使用動畫實現垂直向上移動的效果 */
}
/* 定義向上移動的動畫 */
@keyframes move-up {
from {
top: 0; /* 初始狀態 */
}
to {
top: -50px; /* 移動到的位置，可根據需要調整 */
}
}

以上代碼中，我們首先定義了一個名為vertical-text的樣式，同時使用position: relative;將元素定位在初始位置。接著，我們使用animation屬性來定義一個名為move-up的動畫，該動畫在執行時會以ease-out的方式緩慢移動，執行無限次數。

注意，動畫的關鍵幀中，我們將文本元素的top屬性從初始的 0 移動了 -50px，這樣就可以實現文字垂直向上移動的效果。

最后，我們只需要在 HTML 中將需要垂直向上移動的文本元素應用該樣式即可：

<p class="vertical-text">Hello World!</p>