写真の明るさを変えたり、ぼかしをかけたり、色相を変えたり。 こうしたことはPhotoshopなどのソフトを使うことがほとんどではないかと思いますが、ある程度のことが実はCSS3だけでも実現できたりします。 今回はそのチュートリアルをまとめてみました。 [関連] 「Googleカスタム検索」のデザインをCSSレベルで変更するテクニック [関連] 「CSS3デザインプロフェッショナルガイド」はデザイナー必携本だ [関連] CSS3で作られたレイヤースタイル風CSS3ジェネレーター [関連] CSS3に対応していないブラウザで閲覧したら? をかんたんに確認できる「deCSS3」 基本となるのはfilterプロパティです。記述としては以下が基本形になります。 filter: filter(value); -webkit-filter: filter(value); -moz-filter: fil
以前から気になっていたCSSフィルタについて、ちょっと調べてみました。 結果、あまりにお手軽に、効果絶大なエフェクトをかけられることが判明して、ちょっと興奮しています。これはすごい！ CSSフィルタは、SVGで従来から規定されていたFilter Effectsを、CSSの世界に持ち込んだものです。 CSSとSVGのワーキンググループが共同して立ち上げたCSS-SVG Effects Task Force (FX TF)により、「Filter Effects 1.0」という仕様として策定が進められています。 この仕様によって新しく導入されるCSSプロパティはいくつかありますが、主なものはfilterプロパティです。 filterが素晴らしいのは、ぼかしやドロップシャドウといったエフェクトを、CSSのみで簡単に指定することができるからです。 例えば、要素にぼかしをかけたい場合は、以下のようなプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
