カテゴリー: 背景画像

javascriptで背景画像を動かす

JQueryで背景画像を動かすアニメーション効果

↑Ｙ軸の設定方法わからない。右からのカットインの仕方がわからない。

 

http://www.webopixel.net/javascript/143.html

 

繰り返し背景を全面表示してアニメーションする

 

 

http://chips-tips.tumblr.com/post/13825075572/jquery%E3%81%A7tumblr%E3%81%AE%E8%83%8C%E6%99%AF%E3%82%92%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AB

レスポンシブルwebデザインにおける背景画像

背景画像はcssのbackground-sizeを使用するとウインドウサイズに合わせて可変できます。

1
2
3
#content{
background-size:cover;/*背景画像で全体を覆う*/
}

または、

1
2
3
#content{
background-size:100% auto;/*背景画像を横幅いっぱいに表示*/
}

http://wp-and.me/background-size/

http://blog.56doc.net/Entry/416/