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

Browse By

[CSS3] CSS Image Effects #3: Vignettes 3 Ways – CSSで写真にビネット効果を追加する方法

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

CSSを使って写真にビネット効果(トンネル効果、ケラレ)を追加する方法が紹介されています。トイカメラなどで起こる、写真の四隅が光量が足らず暗くなる現象を写真に追加する事ができます。画像に直接ではなくCSSで追加すれば、一斉に追加したり削除したりが効率よく行えそうです。円形グラデを使う点がポイントっすね。写真を印象的に見せたい場合に使えそうなテクニック。

コメントを残す

メールアドレスが公開されることはありません。

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