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

Browse By

[CSS] Full Screen Background Image – Pure CSS Code – CSSだけで描画するフルスクリーン背景

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

CSSだけでサイトの背景にフルスクリーン表示させるためのTips。JSもFlashもいらず、CSS3の機能も使ってません。お手軽です。デモはこちら。これを見ると、ブラウザのウィンドウが一定値より細い場合は水平方向に縮小し、広げると徐々に本来の大きさになり、一定値より大きくなると拡大になるという挙動が分かります。ただしmin-heightとかmin-width使ってるので、IE6とか微妙かも(試してませんが)。最近じゃこういう表現も結構見ますよね。覚えておきたい小技。

One thought on “[CSS] Full Screen Background Image – Pure CSS Code – CSSだけで描画するフルスクリーン背景”

コメントを残す

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

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