CSS中的向上文字移動是一種常見的效果，通常用于網(wǎng)站滾動條的返回頂部按鈕或者小圖標(biāo)，給用戶提供更好的回到頁面頂部的交互體驗。

實現(xiàn)向上文字移動的方法，可以使用CSS中的transform屬性。具體來說，可以借助translateY函數(shù)，通過負(fù)值的方式將元素向上移動。

.back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
border-radius: 50%;
background-color: #333;
color: #fff;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease-in-out;
}
.back-to-top:hover {
transform: translateY(-10px); /* 向上移動10像素 */
}

上面的例子是一個返回頂部的按鈕元素，用.back-to-top進(jìn)行樣式設(shè)置。其中的transform屬性設(shè)置了一個translateY(-10px)，表示向上移動10像素。

需要注意的是，transform屬性設(shè)置后，元素的位置及大小不會改變，僅會改變顯示位置及外觀。同時，需要兼容不同瀏覽器的設(shè)置方式，例如-webkit-transform、-moz-transform等。

通過以上的CSS樣式設(shè)置，可以方便地實現(xiàn)向上文字移動的效果，提升網(wǎng)站的使用體驗。