Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] Understanding CSS Filter Effects – CSSを使ったフィルター効果

  • Pocket
  • このエントリーをはてなブックマークに追加

CSSを使ったフィルター効果についてまとめられた記事。グレースケール、セピア、Saturate、Hue-Rotate(このへん説明が難しい)、Invert(階調の反転)、透明度・ブライトネス・コントラストの調整、ぼかし、ドロップシャドウなどの指定方法について紹介されてます。CSSでのフィルターはレガシーブラウザには対応してない場合が多いので、使いどころが限られはするんですが、こうした可逆編集は生産性を上げるだけでなくサイトの運用に色々メリットがありますな。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください