在CSS中，我們可以使用animation屬性來(lái)設(shè)置動(dòng)畫的順序。animation屬性允許我們指定一個(gè)動(dòng)畫列表，列表中的每個(gè)動(dòng)畫都通過逗號(hào)分隔，我們可以通過在列表中列出動(dòng)畫的名稱來(lái)指定它們的執(zhí)行順序。

如果我們有兩個(gè)動(dòng)畫animation1和animation2，我們可以這樣設(shè)置它們的順序：

div {
  animation: animation1 5s, animation2 10s;
}

在這個(gè)例子中，animation1將在5秒后開始播放，而animation2將在animation1結(jié)束后，即10秒后開始播放。

需要注意的是，如果兩個(gè)動(dòng)畫的持續(xù)時(shí)間不同，那么較長(zhǎng)的動(dòng)畫將在較短動(dòng)畫結(jié)束后開始播放，這是為了確保每個(gè)動(dòng)畫都能完整地播放一遍，而不會(huì)被其他動(dòng)畫打斷。

我們還可以使用animation-delay屬性來(lái)進(jìn)一步控制動(dòng)畫的開始時(shí)間，通過為動(dòng)畫設(shè)置一個(gè)延遲時(shí)間，我們可以讓它在特定時(shí)間后開始播放，我們可以這樣設(shè)置animation2的延遲時(shí)間：

div {
  animation: animation1 5s, animation2 10s;
  animation-delay: 5s;
}

在這個(gè)例子中，animation2將在animation1結(jié)束后5秒，即15秒后開始播放。

通過合理使用animation和animation-delay屬性，我們可以輕松地控制CSS動(dòng)畫的順序和開始時(shí)間。