CSS中可以使用animation
屬性來實(shí)現(xiàn)文字左右移動的效果,以下是一個示例代碼:
@keyframes left-right { 0% { transform: translateX(0); } 50% { transform: translateX(100px); } 100% { transform: translateX(0); } } .moving-text { animation: left-right 2s infinite; }
在這個示例中,我們定義了一個名為left-right
的動畫,其中文字在0%和100%時位于原始位置,而在50%時移動到100像素的右側(cè),我們將這個動畫應(yīng)用到.moving-text
類上,并設(shè)置動畫持續(xù)時間為2秒,且為無限循環(huán)。
您可以將上述代碼復(fù)制到您的CSS文件中,并根據(jù)需要調(diào)整動畫的持續(xù)時間、移動距離等參數(shù),您還可以添加其他樣式來定制文字的外貌,如顏色、字體大小等。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。