1. 소개
CSS3의 출현으로 브라우저의 성능이 더 화려 해지고 성능에 가장 큰 영향은 애니메이션입니다. 일상 생활에서 애니메이션을 작성할 때 특히 CSS3 애니메이션 라이브러리를 작성할 때 브라우저가 미리 지원하는지 판단해야합니다. 예를 들어, 애니메이션 플레이 상태의 전환은 일부 브라우저에서만 지원됩니다.
2. 테스트 방법
다음 방법은 스크립트를 사용하여 브라우저가 특정 CSS3 속성을 지원하는지 여부를 결정할 수 있습니다.
/** * 브라우저가 특정 CSS3 속성 * @param {string} 속성 이름 * @return {boolean} true/false * @version 1.0 * @author ydr.me * 2014 년 4 월 4 일 14:47:19 */function supportcss3 (스타일) {var prefix = [ 'webkit', ',', ',', ',', ','webkit ',' ' 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 (스타일)); (humpstring) if (humpstring [i] in htmlstyle)이 true; 거짓을 반환합니다. }3. 사용 방법
ALERT (supportCSS3 ( 'Animation-Play-State'));