CSS Opacity Filter mais rápido que a propriedade de opacidade?

Question

em este artigo artigo, ele afirma que

.

Em geral, a propriedade da Opacidade da CSS não é acelerada de hardware, mas alguns navegadores que implementam filtros usando a aceleração de hardware acelerarão a versão do filtro da opacidade para um desempenho muito melhor.

Isso parece implicar que em aplicativos intensivos de desempenho, deve-se usar o filtro de opacidade em vez da propriedade de opacidade.Por exemplo, estou rendendo uma tela sob uma imagem com uma propriedade de opacidade de 0,5.Eu deveria estar usando o filtro?Como se pode medir o desempenho ganhos ao usar esta propriedade de filtro e, em que plataformas poderiam haver uma melhoria perceptível?

Answer 1

Primeiro, os efeitos do filtro CSS3 são Ainda um rascunho e O suporte do navegador varia . Então pense duas vezes se você realmente precisa deles (por exemplo, Rel="nofollow"> filtros CSS No artigo do mundo real (04.2013) relatórios de renderização de artefatos). Aceleração de hardware no webkit e Composição acelerada GPU no Chrome Dê uma visão geral de suas implementações e ambos sugerem que não há discriminação contra o CSS2 ou CSS3 (eu ficaria surpreso se houvesse).

Segundo, revisão no PC Magazine (01.2013) mostra resultados de alguns benchmarks on-line por equipes do IE e do Firefox. Existem benchmarks de tela, partículas e css (rotação). O Maxthon (usa WebKit) e versões de ópera testadas lá não suportam a aceleração para que elas dão uma dica no ganho de desempenho. Em relação à transparência: são ordens de magnitude menos cálculos do que reampling para que você não tenha notado nenhuma diferença para esta operação específica.

Answer 2

Paul Irish diz aqui que a opacidade é uma das poucas propriedades CSS que * é * gpu acelerada: https://plus.google.com/+addyosmani/posts/atryczpts

e também, há uma grave falta de suporte para filtros entre navegadores, como pode ser visto aqui , embora a opacidade seja apoiada em todo o conselho: http://caniuse.com/#search=opacity .

Não mencionar a propriedade de opacidade é muito mais fácil de usar.

Eu ficaria com o que você tem.