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

Browse By

[WEB DESIGN] Fixed elements in web design with examples – ウェブデザインにおける固定要素

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

この記事素晴らしい! ウェブにおける固定要素についての考察と、その例となるサイトをいくつか紹介したもの。固定要素ってなんじゃい、という話ですが、要するにCSSでbackground-attachment:fixed;にして、ウィンドウスクロールしても背景が固定されたアレです。たまに見かける表現ですが、この記事のナイスなのは紹介されているサイトがどれもクールな点。特にwebleeddesignというサイトは固定背景の使い方が素晴らしい。PNGのアルファチャンネルを使ったマスクでおもしろい表現を試してます。attachment:fixedって使い方によっては変わった表現ができるんですね。勉強になります。

コメントを残す

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

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