在日常web開發(fā)中，我們經(jīng)常需要通過js來實現(xiàn)一些動畫效果，而css3提供的動畫效果往往會更加靈活和美觀。那么如何在js中捕獲css3動畫，來操作它們呢？下面就為大家介紹一些常用的方法。

首先，我們需要了解css3動畫的基本語法。它的一個最簡單的例子是：

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

以上代碼是一個簡單的旋轉動畫，其中通過animation指定動畫的名稱、時間、速度及循環(huán)方式；通過@keyframes定義了動畫的具體執(zhí)行過程。

接著，我們可以通過js來操作css3動畫，以下是一些常用的方法：

var anim = document.querySelector('.anim');
	//添加動畫結束后執(zhí)行的回調函數(shù)
	anim.addEventListener('animationend', function() {
console.log('animation is over');
	}, false);
//暫停動畫
	anim.style.animationPlayState = 'paused';
//重新開始動畫
	anim.style.animationPlayState = 'running';
//改變動畫速度
	anim.style.animationTimingFunction = 'ease-in-out';

以上代碼分別通過addEventListener、style.animationPlayState和style.animationTimingFunction來實現(xiàn)添加回調函數(shù)、暫停/開始動畫和改變動畫速度等操作。

總之，通過js來捕獲css3動畫，能夠極大地擴展動畫的功能及靈活性。同時，也需要注意兼容性及代碼可讀性等問題，不要過分依賴js。