在CSS中，我們可以使用animation屬性來創(chuàng)建動(dòng)畫，并使用@keyframes規(guī)則來定義動(dòng)畫的循環(huán)步驟，為了讓動(dòng)畫依次循環(huán)，我們可以使用animation-delay屬性來設(shè)置每個(gè)動(dòng)畫的延遲時(shí)間。

我們需要定義每個(gè)動(dòng)畫的@keyframes規(guī)則，我們可以創(chuàng)建一個(gè)簡(jiǎn)單的動(dòng)畫，包含兩個(gè)步驟：

@keyframes my-animation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

這個(gè)動(dòng)畫會(huì)將元素旋轉(zhuǎn)360度，我們可以將這個(gè)動(dòng)畫應(yīng)用到每個(gè)元素上，并使用animation-delay屬性來設(shè)置延遲時(shí)間：

.my-element {
  animation: my-animation 2s infinite;
  animation-delay: 0s;
}
.my-element2 {
  animation: my-animation 2s infinite;
  animation-delay: 4s;
}

在這個(gè)例子中，.my-element元素會(huì)立即開始旋轉(zhuǎn)，而.my-element2元素會(huì)在4秒后開始旋轉(zhuǎn)，這樣，兩個(gè)元素就會(huì)依次循環(huán)旋轉(zhuǎn)了。

這只是一個(gè)簡(jiǎn)單的例子，在實(shí)際應(yīng)用中，您可能需要更復(fù)雜的動(dòng)畫效果和更精細(xì)的時(shí)間控制，基本的原理是一樣的：通過@keyframes規(guī)則定義動(dòng)畫步驟，并使用animation-delay屬性來控制每個(gè)元素的動(dòng)畫開始時(shí)間，從而實(shí)現(xiàn)依次循環(huán)的動(dòng)畫效果。