1。はじめに
CSS3の出現により、ブラウザのパフォーマンスがよりカラフルになり、パフォーマンスへの最大の影響はアニメーションです。日常生活でアニメーションを書くときは、特にCSS3アニメーションライブラリを書くときは、ブラウザが事前にそれをサポートするかどうかを判断する必要があります。たとえば、トランジションのアニメーションプレイステートは、一部のブラウザのみでサポートされています。
2。テスト方法
次の方法では、スクリプトを使用して、ブラウザが特定のCSS3属性をサポートするかどうかを判断できます。
/** *ブラウザが特定のcss3属性をサポートするかどうかを判断します * @param {string}プロパティ名 * @return {boolean} true/false * @version 1.0 * @author ydr.me * 2014年4月4日humpstring = []、htmlstyle = document.documentelement.style、_tohumb = function（string）{return string.replace（/ - （/w）/g、function（$ 0、$ 1）{return $ 1.touppercase（）;}）; }; for（i in prefix）humpstring.push（_tohumb（prefix [i] + ' - ' + style））; humpstring.push（_tohumb（style））; （私はハンプストリングで）if（htmlstyleのhumpstring [i]）trueを返します。 falseを返します。 }3。使い方
alert（supportcss3（ 'animation-play-state'））;