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

2021-08-27 17:44:07 字數 686 閱讀 2042

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...