首先，我們定義一個動畫：


@keyframes moveRight {

  from {

left: 0;  


}

  to {

left: 100%;  


}

}
然后，我們將這個動畫應(yīng)用到一個元素上：

.myElement {

  position: relative; /* 或者 ‘absolute’ 或 ‘fixed’，取決于你的需求 /

  animation: moveRight 5s linear infinite; / 5秒持續(xù)時間，線性速度曲線，無限次播放 */

}
在這個例子中，.myElement元素會在5秒內(nèi)從左側(cè)移動到右側(cè)，并且這個動畫會無限次地重復(fù)。你可以根據(jù)需要調(diào)整動畫的持續(xù)時間、速度曲線、播放次數(shù)等屬性。

注意：動畫的起始和結(jié)束位置（在這個例子中是left: 0;和left: 100%;）是相對于元素的定位上下文（也就是它的父元素或者整個文檔）來計算的。因此，你需要確保元素的定位屬性（position）被正確設(shè)置，以便動畫能夠按預(yù)期工作。

此外，你也可以使用其他的CSS屬性（比如top、right、bottom、transform等）來創(chuàng)建更復(fù)雜的動畫效果。