1. Introducción
La aparición de CSS3 hace que el rendimiento del navegador sea más colorido, y el mayor impacto en la actuación es la animación. Al escribir animaciones en la vida diaria, es necesario juzgar si el navegador lo apoya de antemano, especialmente al escribir la biblioteca de animación CSS3. Por ejemplo, el estado de animación de la transición es compatible con solo algunos navegadores.
2. Método de prueba
El siguiente método puede usar scripts para determinar si el navegador admite un cierto atributo CSS3:
/** * Determine si el navegador admite un cierto atributo CSS3 * @param {String} Nombre de la propiedad * @return {boolean} true/false * @version 1.0 * @author ydr.me * 4 de abril de 2014 14:47:19 */function SupportSs3 (estilo) {Var prefix = ['WebKit', 'Moz', ', ms', ms ', i', i ', sí', sí ', sí', sí ', sí', sí ', sí', sí ', sí', sí ', sí'. HumpString = [], htmlStyle = document.documentelement.style, _tohumb = function (string) {return String.replace (/-(/w)/g, function ($ 0, $ 1) {return $ 1.ToUpperPercase ();}); }; para (i en prefijo) humpstring.push (_toHumb (prefijo [i] + '-' + style)); HumpString.push (_ToHumb (estilo)); para (i en jubilado) if (jubilador [i] en htmlstyle) devuelve verdadero; devolver falso; }3. Cómo usar
alerta (SupportCSS3 ('Animation-Play-State'));