Chapter 8背景画像
1200 ワード
背景画像のズーム
複数の背景画像を使用
スプール効果
無料の画像写真https://morguefile.com/www.sxc.hu http://openphoto.net http://searchcreativecommons.org *www.flickr.com/creativecommons http://picasaweb.google.com アイコン*www.somerandomdude.com/work/sanscons 平屋図案*www.colourlovers.com/patterns http://www.kollermedia.at/2004/09/17/pattern4u/http://squidfingers.com/patterns タイルバックグラウンドを作成http://bgpatterns.com www.stripegenerator.com www.patterncooler.com
background-size: 100px 100px; /* */
background-size: 100% auto; /* , */
background-size: 100% 100%; /* , */
background-size: contain; /* , , , */
background-size: cover; /* , */
複数の背景画像を使用
スプール効果
background-image: url(scrollTop.jpg),
url(scrollBottom.jpg),
url(scrollMiddle.jpg);
background-repeat: no-repeat,
no-repeat,
repeat-y;
background: url(scrollTop.jpg) center top no-repeat,
url(scrollBottom.jpg) center bottom no-repeat,
url(scrollMiddle.jpg) center top repeat-y;
無料の画像