1. Введение
Появление CSS3 делает производительность браузера более красочным, и самое большое влияние на производительность - анимация. При написании анимации в повседневной жизни необходимо судить, поддерживает ли браузер ее заранее, особенно при написании библиотеки анимации CSS3. Например, анимационное состояние перехода поддерживается только некоторыми браузерами.
2. Метод тестирования
Следующий метод может использовать сценарии, чтобы определить, поддерживает ли браузер определенный атрибут CSS3:
/** * Определите, поддерживает ли браузер определенный атрибут CSS3 * @param {string} имя свойства * @return {boolean} true/false * @version 1.0 * @author ydr.me * 4 апреля 2014 г. 14:47:19 */function supportcs3 (style) {var prefix = ['webkit', ',', ',', ',', ',', ',', ',', ',', ',', ',', ',', o style) {var prefix = ['webkit', ',', ',', ',', ',', ',', ydr.me) humpstring = [], htmlstyle = document.documentelement.style, _tohumb = function (string) {return string.replace (/-(/w)/g, функция ($ 0, $ 1) {return $ 1.touppercase ();}); }; для (i in prefix) hampstring.push (_tohumb (prefix [i] + '-' + style)); humpstring.push (_tohumb (style)); ибо (я в Хампстринге) if (Humpstring [i] в htmlstyle) вернуть истину; вернуть ложь; }3. Как использовать
Alert (supportcss3 ('анимация-игровое состояние'));