css3 Fillter Effects -webkit-filterを試してみました。

css3ではFillter Effectsも実装予定となっております。 開発用webブラウザ、webkitにて以下の画像を使い検証を行いました。 webkit http://nightly.webkit.org/ 以下の画像を元にcssで変化させます。 -webkit-filter: blur(3px); -webkit-filter:brightness(30%); -webkit-filter:contrast(30%); -webkit-filter:grayscale(); -webkit-filter:sepia(); -webkit-filter: invert(); -webkit-filter: opacity(30%); -webkit-filter: saturate(50%); -webkit-filter:hue-rotate(90deg); -webkit-fil

[sagaraya]

blurもいける！

[yhmt]

filter:brightness(30%)

[yoiIT]

既存サイトの画像に対して、コントラストと明度を調整してグレー化できれば、いきなりストラクチャの完成。とかで使えるかな。