JS判斷瀏覽器是否支援某乙個CSS3屬性

2022-04-20 12:49:01 字數 696 閱讀 9108

css3的出現讓瀏覽器的表現更加的豐富多彩,表現衝擊最大的就是動畫了,在日常書寫動畫的時候,很有必要去事先判斷瀏覽器是否支援,尤其是在寫css3動畫庫的時候。比如transition的animation-play-state,就只有部分瀏覽器支援。

下面的方法可以使用指令碼判斷瀏覽器是否支援某乙個css3屬性:

/** 

* 判斷瀏覽器是否支援某乙個css3屬性 

* @param  屬性名稱 

* @return  true/false 

* @version 1.0 

* @author ydr.me 

* 2023年4月4日14:47:19 

*/  

function supportcss3(style) );  

};  

for (i in prefix)  

humpstring.push(_tohumb(prefix[i] + '-' + style));  

humpstring.push(_tohumb(style));  

for (i in humpstring)  

if (humpstring[i] in htmlstyle) return true;  

return false;  

}  alert(supportcss3('animation-play-state'));  

JS學習41 判斷瀏覽器是否支援某乙個CSS3屬性

css3的出現讓瀏覽器的表現更加的豐富多彩,表現衝擊最大的就是動畫了,在日常書寫動畫的時候,很有必要去事先判斷瀏覽器是否支援,尤其是在寫css3動畫庫的時候。比如transition的animation play state,就只有部分瀏覽器支援。下面的方法可以使用指令碼判斷瀏覽器是否支援某乙個cs...

JS判斷瀏覽器是否支援某乙個CSS3屬性

css3的出現讓瀏覽器的表現更加的豐富多彩,表現衝擊最大的就是動畫了,在日常書寫動畫的時候,很有必要去事先判斷瀏覽器是否支援,尤其是在寫css3動畫庫的時候。比如transition的animation play state,就只有部分瀏覽器支援。下面的方法可以使用指令碼判斷瀏覽器是否支援某乙個cs...

JS判斷瀏覽器是否支援某乙個CSS3屬性

css3的出現讓瀏覽器的表現更加的豐富多彩,表現衝擊最大的就是動畫了,在日常書寫動畫的時候,很有必要去事先判斷瀏覽器是否支援,尤其是在寫css3動畫庫的時候。比如transition的animation play state,就只有部分瀏覽器支援。下面的方法可以使用指令碼判斷瀏覽器是否支援某乙個cs...