在CSS中，你可以使用@keyframes規(guī)則來(lái)創(chuàng)建動(dòng)畫，然后使用animation屬性來(lái)應(yīng)用這些動(dòng)畫。
下面是一個(gè)例子，這個(gè)動(dòng)畫將讓元素在頁(yè)面中從左到右移動(dòng)。
首先，我們定義一個(gè)動(dòng)畫：
@keyframes moveRight {
from {
left: 0;
}
to {
left: 100%;
}
}
然后，我們將這個(gè)動(dòng)畫應(yīng)用到一個(gè)元素上：
.myElement {
position: relative; /* 或者 ‘absolute’ 或 ‘fixed’，取決于你的需求 /
animation: moveRight 5s linear infinite; / 5秒持續(xù)時(shí)間，線性速度曲線，無(wú)限次播放 */
}
在這個(gè)例子中，.myElement元素會(huì)在5秒內(nèi)從左側(cè)移動(dòng)到右側(cè)，并且這個(gè)動(dòng)畫會(huì)無(wú)限次地重復(fù)。你可以根據(jù)需要調(diào)整動(dòng)畫的持續(xù)時(shí)間、速度曲線、播放次數(shù)等屬性。
注意：動(dòng)畫的起始和結(jié)束位置（在這個(gè)例子中是left: 0;和left: 100%;）是相對(duì)于元素的定位上下文（也就是它的父元素或者整個(gè)文檔）來(lái)計(jì)算的。因此，你需要確保元素的定位屬性（position）被正確設(shè)置，以便動(dòng)畫能夠按預(yù)期工作。
此外，你也可以使用其他的CSS屬性（比如top、right、bottom、transform等）來(lái)創(chuàng)建更復(fù)雜的動(dòng)畫效果。