【2013年注目必至！なCSS仕様】CSSフィルタ、これはすごい！（デモ付き） | OpenWeb

以前から気になっていたCSSフィルタについて、ちょっと調べてみました。 結果、あまりにお手軽に、効果絶大なエフェクトをかけられることが判明して、ちょっと興奮しています。これはすごい！ CSSフィルタは、SVGで従来から規定されていたFilter Effectsを、CSSの世界に持ち込んだものです。 CSSとSVGのワーキンググループが共同して立ち上げたCSS-SVG Effects Task Force (FX TF)により、「Filter Effects 1.0」という仕様として策定が進められています。 この仕様によって新しく導入されるCSSプロパティはいくつかありますが、主なものはfilterプロパティです。 filterが素晴らしいのは、ぼかしやドロップシャドウといったエフェクトを、CSSのみで簡単に指定することができるからです。 例えば、要素にぼかしをかけたい場合は、以下のようなプ

[maRk]

（Fx 35.0 から filter 使えるんで、demo ページで -webkit- 外したスクリプトを上書きすれば動く）

[ryownet]

filterサンプル。webkit専用

[gayou]

地味に便利だ。いちいちCSSスプライトとかにしなくて済むケースも。

[isseium]

css のフィルタはじめて使った．いろいろできるんだねー

[hibiki125]

CSSフィルタについて、bluerエフェクトがかっこいい

[tomk79]

ぼかしとかできるんだって。すごい！

[sub_low]

すんげ。。。

[lordkf]

iPhone専用のサイトにはいいかも　＞＞

[moon22]

cssフィルタ

[alastor914]

ふーん

[penalty]

画像エフェクト系

[tsuki-rs]

CSSフィルタが標準になったら、枠が広がる！！これはぜひ主流になってほしい。

[hirorock]

CSSフィルタすげ

[agechu]

ぼかしを徐々に解除していくドキドキ感///

[glat_design]

ホントにまんまフィルタなのね。Firefoxの採用も待ってていいのかな… /

[moromoro]

標準化はよ

[tuki0918]

わかりやすい

[Syunpei]

ブログ書きました！