在JS里添加CSS動(dòng)畫效果，可以通過操作DOM元素和CSS樣式來實(shí)現(xiàn)，下面是一些常見的步驟：

1、創(chuàng)建CSS動(dòng)畫：你需要?jiǎng)?chuàng)建一個(gè)CSS動(dòng)畫，這通常涉及到定義一些關(guān)鍵幀（keyframes），然后應(yīng)用到某個(gè)元素上。

2、獲取DOM元素：在JS中，你可以使用document.querySelector或document.getElementById來獲取你想要添加動(dòng)畫效果的元素。

3、添加CSS類：將CSS動(dòng)畫添加到一個(gè)新的類（class）中，然后通過JS將這個(gè)類應(yīng)用到你的元素上，這可以使用element.classList.add方法來完成。

4、控制動(dòng)畫：你可以使用JS來控制動(dòng)畫的開始、結(jié)束以及循環(huán)次數(shù)等，使用element.style.animation屬性可以設(shè)置動(dòng)畫的持續(xù)時(shí)間、延遲時(shí)間和循環(huán)次數(shù)。

下面是一個(gè)簡單的示例，展示如何在JS中添加一個(gè)簡單的CSS動(dòng)畫：

// 定義一個(gè)CSS動(dòng)畫
let animation = `
  @keyframes example {
    0% { background-color: red; }
    50% { background-color: blue; }
    100% { background-color: green; }
  }
  .example-class {
    width: 100px;
    height: 100px;
    animation: example 2s infinite;
  }
`;
// 添加到HTML文檔的<style>部分
document.styleSheets[0].insertRule(animation, 0);
// 獲取元素并添加類
let element = document.querySelector('#example-element');
element.classList.add('example-class');

在這個(gè)示例中，我們首先定義了一個(gè)CSS動(dòng)畫example，它會(huì)使背景顏色從紅色變?yōu)樗{(lán)色，再到綠色，我們創(chuàng)建了一個(gè)類example-class，并將這個(gè)動(dòng)畫應(yīng)用到這個(gè)類上，我們通過JS獲取了一個(gè)元素并添加了example-class類，從而觸發(fā)了CSS動(dòng)畫。