CSS不透明度フィルタは不透明性プロパティよりも速くなりますか？

Question

このHTML5Rocks

を述べています

一般に、CSSの「Opacity」プロパティはハードウェアの高速化されていませんが、ハードウェアアクセラレーションを使用してフィルタを実装するブラウザは、パフォーマンスのフィルタバージョンの不透明度を高速化します。

これは、パフォーマンスをかけるアプリケーションでは、不透明度プロパティの代わりに不透明度フィルタを使用する必要があることを意味しているようです。たとえば、不透明度プロパティが0.5の画像の下にキャンバスをレンダリングしています。代わりにフィルタを使用する必要がありますか？このフィルタプロパティを使用するとき、そしてどのプラットフォームが顕著な改善があるかもしれないかについてのパフォーマンスが得られるのでしょうか。

Answer 1

最初に、CSS3フィルタ効果はまだドラフト標準とブラウザのサポートはです。だからあなたが本当にそれらを必要とするかどうか（例えば、 CSSフィルタ）本当の世界の記事（04.2013）のレンダリングアーティファクトを報告します）。 webkit と Chrome の概要を与えると、両方ともCSS2に対する差別はありません。またはCSS3（あった場合は驚いています）。

PC Magazine （01.2013）のレビューIEおよびFirefoxチームによるオンラインベンチマークの結果を表示します。キャンバス、粒子、およびCSS（回転）ベンチマークがあります。 Maxthon（WebKit）とOperaバージョンがテストされているテストされたAccelerationは、パフォーマンスゲインにヒントを与えます。透明性に関して：それはリサンプリングよりも桁違いの少ない計算であるので、この特定の操作の違いに気付いてはいけません。

Answer 2

パウロ・アイルランド語は、ここで不透明度が *が* GPUが加速する数少ないCSSプロパティの1つです。 https://plus.google.com/+addyosmani/posts/atreryczpts

また、ブラウザにわたるフィルタには厳しいサポートがあります。こちら、不透明度はボード全体でサポートされています。 http://caniuse.com/#search=Opacity 。

は言うとは言うまでもなく、使いやすくたくさん簡単です。

あなたが持っているものに固執する私は