Question

如何判断浏览器是否支持css3动画

Answer 1

<script>
window.onload=function(){
    var test=document.getElementsByTagName("body")[0].style;
    if(typeof test.animation!="undefined"||typeof test.WebkitAnimation!="undefined"){
        alert("浏览器支持CSS3动画！");
    }else{
        alert("浏览器不支持CSS3动画！");
    }
}
</script>

Answer 2

可以判断对应的属性是否存在，比如:
console.log(document.body.style.webkitTransform!=undefined)
等于true则说明支持，这里的webkit是谷歌浏览器的前缀，对应的其他浏览器也需要加上对应的前缀。毕竟现在的支持还是不够完美