如何判断浏览器是否支持css3动画
发布网友
发布时间:2022-04-21 02:54
我来回答
共3个回答
热心网友
时间:2022-04-21 04:23
<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>
热心网友
时间:2022-04-21 05:41
可以判断对应的属性是否存在,比如:
console.log(document.body.style.webkitTransform!=undefined)
等于true则说明支持,这里的webkit是谷歌浏览器的前缀,对应的其他浏览器也需要加上对应的前缀。毕竟现在的支持还是不够完美