CSS3技術(shù)可以實(shí)現(xiàn)各種炫酷的效果，其中文字光移動(dòng)效果也是其中之一。下面我們來看一下如何使用CSS3實(shí)現(xiàn)這個(gè)效果。

.text {
background: linear-gradient(to right, red, orange, yellow, green, blue, purple);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shift 5s linear infinite;
}
@keyframes shift {
0% {
background-position: -100%;
}
100% {
background-position: 100%;
}
}

首先，我們需要使用線性漸變來給文字添加顏色。然后使用-webkit-background-clip: text來將漸變應(yīng)用到文字上，并使用-webkit-text-fill-color: transparent將文字顏色設(shè)置為透明。這樣可以將漸變作為文字的背景并顯示出來。

接下來，我們需要使用CSS3的animation動(dòng)畫來實(shí)現(xiàn)文字光移動(dòng)的效果。我們定義一個(gè)keyframes動(dòng)畫，將漸變的背景圖片從左往右移動(dòng)，以實(shí)現(xiàn)光的移動(dòng)效果。最后，我們通過將動(dòng)畫應(yīng)用于文本的class來使它動(dòng)起來。

這樣，我們就成功地實(shí)現(xiàn)了 CSS3文字光移動(dòng)的效果。