JavaScript是一種用于構建動態網頁的編程語言，可以使用它來創建動態效果，比如CSS動畫。下面將介紹如何使用JavaScript編寫CSS動畫。

//動態添加CSS
var style = document.createElement('style');
style.innerHTML = `
.box{
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation: move 1s forwards;
}
@keyframes move{
0%{
left: 0;
}
100%{
left: 200px;
}
}
`;
document.head.appendChild(style);
//動態創建div并加入到body
var div = document.createElement('div');
div.className = 'box';
document.body.appendChild(div);

上面的代碼中，我們首先使用了document.createElement方法創建了一個style標簽，然后通過innerHTML屬性給它賦值CSS樣式。在樣式中，我們定義了一個類名為box的元素，并使用了animation屬性指定了動畫名稱和持續時間。其中，@keyframes指令用于定義關鍵幀，表示動畫從開始到結束的所有階段，這里定義了從0%到100%移動left屬性的值。

接著，我們再使用document.createElement方法創建了一個div標簽，通過className屬性給它設置box類名，并使用appendChild方法將它加入到body標簽中。

在這個例子中，我們只是創建了一個簡單的向右移動動畫。實際上，我們還可以使用JavaScript來動態設置CSS樣式、修改動畫參數等，實現更加復雜的動畫效果。