1. Introdução
O surgimento do CSS3 torna o desempenho do navegador mais colorido, e o maior impacto no desempenho é a animação. Ao escrever animações na vida cotidiana, é necessário julgar se o navegador a apoia antecipadamente, especialmente ao escrever a biblioteca de animação CSS3. Por exemplo, o estado de animação da transição é suportado por apenas alguns navegadores.
2. Método de teste
O método a seguir pode usar scripts para determinar se o navegador suporta um determinado atributo CSS3:
/** * Determine se o navegador suporta um determinado atributo CSS3 * @param {string} nome da propriedade * @return {boolean} true/false * @version 1.0 * @author ydr.me * 4 de abril de 2014 14:47:19 */function Supportcs3 (estilo) {var prefix = ['[' Web, ', ms' '' '' '' '' '' '' '' '' '', 4 de abril, 2014 14:47:19 */function Supportcs3 (estilo) {var prefix = [' humpstring = [], htmlstyle = document.documentElement.style, _tohumb = function (string) {return string.replace (/-(/w)/g, function ($ 0, $ 1) {return $ 1.ToupCase ();}); }; para (i no prefixo) humpstring.push (_tohumb (prefixo [i] + '-' + estilo)); humpstring.push (_tohumb (estilo)); para (i em humpstring) se (humpstring [i] em htmlstyle) retornar TRUE; retornar falso; }3. Como usar
alerta (suporteCSS3 ('Animação-Play-State'));