background-size－CSS3リファレンス
background-sizeプロパティは、背景画像のサイズを指定する際に使用します。 長さやパーセンテージで指定する場合、値を２つ記述すると、それぞれ記述した順に幅と高さを表します。 １つだけ指定した場合には、もう１つはautoと解釈されます。負の値を指定することはできません。 ■値 auto 自動的に算出される（初期値） contain 縦横比は保持して、背景領域に収まる最大サイズになるように背景画像を拡大縮小する cover 縦横比は保持して、背景領域を完全に覆う最小サイズになるように背景画像を拡大縮小する 長さ 背景画像の幅・高さを指定する パーセンテージ 背景領域に対する背景画像の幅・高さのパーセンテージを指定する CSSソースは外部ファイル（sample.css）に記述 p.sample1 { width:300px; height:80px; padding:15px; bo
スマホサイトは動画は重い… それでもリッチに！でもサクサク見せたいならGIFアニメがおすすめ。
先日、ブログで「背景フルスクリーン動画” のサイト」を紹介しました。 今回はこちらに続き、最近のWebトレンドで注目を集めているGIFアニメーションを紹介します。GIFアニメーションを使えば、リッチな表現を手軽に表現できます。 GIFアニメーションが有効に使われている事例 GIFアニメーションをふんだんに使ったお祭り感満載の「おしい！広島県」 このサイトは、広島の知られざる「おしい！」を紹介し、たくさんの人が実際に広島を訪れて「おいしい！」県になることを目指しています。 サイトについた「いいね！」は35,000以上、オフィシャル動画の再生回数は、64万回を超えています。 「おしい！広島県」には随所にGIFアニメショーンが使われ、一番の特徴である”サイトの賑やかさ”を演出しています。 以下のような、サイトの両サイドで動いている画像がGIFアニメーションです。 より詳しい解説はFlash一切な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
