身體背景顏色：多個橫向和方向

我試圖在多個方向上創建多個橫向背景顏色，如here。身體背景顏色：多個橫向和方向

我試圖與background: -webkit-linear-gradient(top left, white,white 80%,#000099,#000099 20%);一起工作，但這會在一個方向上創建多個css背景色。我真正需要的是像firebase背景。

任何提示？這是我的審判：

html { 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    height: 100%; 
 
    min-height: 100%; 
 
} 
 
body { 
 
    /*background-color: #f3f3f3;*/ 
 
    background: -webkit-linear-gradient(top left, white,white 80%,#000099,#000099 20%); 
 
}

<div style="border: 1px solid black; background-color: White; margin-top: 150px" class="container"> 
 
    test test 
 
</div>

來源

2017-06-21 H.Al

火力地堡的背景僅僅是一個矢量圖像 – IiroP

嘗試調整你會看到顏色改變網頁，一些當你檢查，當它變得太小 –

的消失來源，你會看到背景由三個'.svg'圖片組成 – IiroP

請看下面的代碼。或者告訴我設置爲背景顏色的顏色。

html { 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    height: 100%; 
 
    min-height: 100%; 
 
} 
 
body { 
 
    /*background-color: #f3f3f3;*/ 
 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,d84953+40,05abe0+100 */ 
 
    background: rgb(135,224,253); /* Old browsers */ 
 
    background: -webkit-linear-gradient(left, rgba(135,224,253,1) 0%, rgba(216,73,83,1) 40%, rgba(5,171,224,1) 100%); 
 
    background: -moz-linear-gradient(left, rgba(135,224,253,1) 0%, rgba(216,73,83,1) 40%, rgba(5,171,224,1) 100%); 
 
    background: -o-linear-gradient(left, rgba(135,224,253,1) 0%, rgba(216,73,83,1) 40%, rgba(5,171,224,1) 100%); 
 
    background: linear-gradient(to right, rgba(135,224,253,1) 0%, rgba(216,73,83,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1); /* IE6-9 */ 
 
}

<div style="border: 1px solid black; background-color: White; margin-top: 150px" class="container"> 
 
    test test 
 
</div>

來源

2017-06-21 05:38:16

顏色是：＃000099＃9900CC和白色;但在你的例子中，顏色並不穩定，它們漸漸淡入對方，既沒有多個方向，也沒有多個方向 –

我以前repeating選項。下面是摘錄：

html 
 
     { 
 
      -webkit-background-size: cover; 
 
      -moz-background-size: cover; 
 
      -o-background-size: cover; 
 
      background-size: cover; 
 
      height: 100%; 
 
      min-height: 100%; 
 
     } 
 
     body 
 
     { 
 
      background: -webkit-repeating-linear-gradient(45deg, 
 
    #9900CC, 
 
    #9900CC 40%, 
 
    #000099 40%, 
 
    #000099 80%); 
 
     }

<div style="border: 1px solid black; background-color: White; margin-top: 150px" 
 
     class="container"> 
 
     
 
     test test 
 
    </div>

來源

2017-06-21 06:28:22

感謝您的回覆，但這是一個方向，我的問題是針對多個方向的，這可能嗎？ –

身體背景顏色：多個橫向和方向

回答

相關問題