在CSS中，我們可以使用多種方法來檢測動畫是否正在運行，我們可以檢查CSS動畫的樣式表，看看是否有定義動畫的樣式，我們可以檢查HTML元素，看看是否有應(yīng)用動畫的樣式，我們還可以使用JavaScript來檢測動畫是否正在運行。

讓我們來看看如何在CSS中定義動畫，在CSS中，我們可以使用@keyframes規(guī)則來定義動畫，然后使用animation屬性來應(yīng)用動畫到HTML元素上。

@keyframes my-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.my-element {
  animation: my-animation 2s linear;
}

在這個例子中，我們定義了一個名為my-animation的動畫，并將其應(yīng)用到.my-element元素上，動畫會持續(xù)2秒，并在結(jié)束時進行線性過渡。

讓我們來看看如何在JavaScript中檢測動畫是否正在運行，在JavaScript中，我們可以使用getAnimations()方法來獲取當前正在運行的動畫列表。

const animations = document.getAnimations();
if (animations.length > 0) {
  console.log("動畫正在運行！");
} else {
  console.log("沒有動畫正在運行。");
}

在這個例子中，我們獲取了當前正在運行的動畫列表，并檢查了是否有動畫正在運行，如果有動畫正在運行，我們會輸出"動畫正在運行！"；如果沒有動畫正在運行，我們會輸出"沒有動畫正在運行。"。

我們可以通過檢查CSS樣式表、HTML元素以及使用JavaScript的getAnimations()方法來檢測動畫是否正在運行，這些方法可以幫助我們確保動畫能夠按照預期進行運行，并在必要時進行調(diào)試和調(diào)整。