Chromeに「CSS Filter Effects」が実装

 

Google Chrome runs web pages and applications with lightning speed.

6月4日(米国時間)のChromium公式ブログにおいて、「CSS Filter Effects」が紹介されている。「CSS Filter Effects」は、W3Cが3月末に公開したドラフト仕様である「Filter Effects 1.0」を、ChromiumのWebKitに実装したもの。最新のChromium 19で利用できる。

Chromiumに実装された「CSS Filter Effects」は現在、グレースケール[grayscale()]、セピア[sepia()]、彩度[saturate()]、不透明度[opacity()]、輝度[brightness()]、コントラスト[contrast()]、ぼかし[blur()]、反転[hue-rotate()]、ドロップシャドウ[drop-shadow()]、色相回転[hue-rotate()]などの画像処理フィルタを提供している(括弧内はフィルタ関数)。

ブログ内では、Chromiumのロゴ画像に対して「img { -webkit-filter: sepia(100%) contrast(200%) blur(5px) }」というスタイルシートの設定例を披露しており、簡単に画像を加工できると紹介している。

左がオリジナルの画像で右が「CSS Filter Effects」を使用した画像 - 公式ブログより抜粋

「CSS Filter Effects」を紹介しているStephen White氏によると、「CSS Filter Effects」の詳細な情報についてはHTML5Rocksのサイトが参考になるという。また、「CSS Filter Effects」がどのようなものであるのかはデモページで体験できるとしている。

関連キーワード


転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

ドコモと仙台市、ドローンなどICT利用で活力ある街作りで連携
[10:15 8/30] 企業IT
プログラミング言語「Python」を学ぶべき理由
[10:06 8/30] 企業IT
中居正広、記念日を大切にする結婚生活「地獄としか…」
[10:02 8/30] エンタメ
Hot Chips 28 - 冒頭を飾った注目の「ARM Bifrost GPU」の発表
[10:00 8/30] テクノロジー
【特別企画】NTTデータが新入社員研修に「教育版レゴ マインドストーム EV3」を導入した理由
[10:00 8/30] テクノロジー

求人情報