正式リリース版の Chrome 35 で background-blend-mode がデフォルト有効に

現在、正式版としてリリースされている Chrome 35 で、背景色と背景画像をブレンドするためのプロパティとして策定されている、background-blend-mode プロパティにデフォルトで対応したとのこと。

Google Chromeリリースサイクルが早いので、各ブラウザさんのアップデート状況を追っかけるのも大変な今日この頃ですが・・・・・・

今月の 20日にリリースされた Google Chrome 35 から、background-blend-mode プロパティがデフォルトで有効になったようですね。Adobe の Web Platform Team Blog で触れられています。

The latest release of Chrome (version 35) on desktop and mobile now comes with support for the background-blend-mode property. This new property will also be released in Firefox 30 which is currently scheduled for early June and in Opera 22.

We updated caniuse.com so you know what browser version supports this new feature.

background-blend-mode now available on Chrome : Web Platform Team Blog から引用

Chrome 35 のデスクトップ版、およびモバイル版でサポート (もともと先行実装はされていましたが、デフォルトでは無効でした)、Firefox は 6月 10日に正式リリース版となる予定の Firefox 30 (現在ベータリリース) で正式サポート、また Opera も現在 Opera Next (評価版 / リリース候補版) として公開されている Opera 22 で正式に対応。ということで、各ブラウザ近日中には background-blend-mode の正式サポートで足並みそろいそう。

background-blend-mode プロパティって何?

background-blend-mode プロパティについては、半年くらい前になりますが、下記の記事を書いていますので参考まで。

上記、記事内では動作が確認できるサンプルページも用意しています。

また、この background-blend-mode プロパティと同じ、Compositing and Blending Level 1 の中では、mix-blend-mode プロパティという、要素同士を合成するためのプロパティも用意されています (詳細は上記記事でも書いています)。

こちらについては今回の Chrome 35 をはじめ、各ブラウザの正式リリース版ではまだデフォルトで有効にはなっていませんが、各ブラウザの対応が進むと、CSS による装飾の幅が広がりそうです。

関連エントリー

記事をここまで御覧頂きありがとうございます。
この記事が気に入ったらサポートしてみませんか?