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

Browse By

[Web Design] Use Cases for Fixed Backgrounds in CSS – 固定背景の使い方色々

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

CSSで背景を固定した演出方法が色々と紹介されています。背景固定って早い話が「background-attachment: fixed;」なんですが、例えばvh単位を使った縦幅いっぱいにスライド形式で見せる方法や、ヘッダの大きめビジュアルだけ固定した印象的な見せ方、フィルタやマスクを使った変則的な背景演出など、Webでよく使われる手法がCodepenを使って紹介されています。スクロール芸のネタ帳としてなかなかナイスなまとめ記事。

コメントを残す

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