linear-gradient Hintergrund von Mitte/Mitte

Question

Gibt es eine Möglichkeit, linear-gradient Hintergrund verwenden, die von der Mitte/Mitte des Bildschirms beginnt?

Dies ist meine aktuelle CSS:

body { 
    display: table; 
    width: 100%; 
    height: 100%; 
    margin: 0 auto; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center top; 
    background-size: 800px; 
    background: blue; 
    background: -webkit-linear-gradient(to left, black, blue, blue, black 800px); 
    background: linear-gradient(to left, black, blue, blue, black 800px); 
} 

Gradient bg nach 800px stoppen (was ich will), aber es ist auf der rechten Seite des Bildschirms, statt hinter dem Inhalt der Webseite. Ich kann es nirgendwo anders hinbringen. Abhängig von der Fenstergröße erscheint es auch in unterschiedlichen Abständen vom Inhalt. Ich brauche es in der Mitte, hinter meinem Inhalt.

Vielleicht etwas wie die nächste Zeile existiert?

background: linear-gradient(to sides, blue, black 400px); 

Also würde ich brauche die Startposition des linearen Gradienten in die Mitte in der Lage sein zu setzen und lassen Sie den Browser, es zu beiden Seiten laufen. 400px von der Mitte ist, wo es aufhören sollte (und danach die letzte Farbe verwenden) - also insgesamt 800px breit sollte der Gradient sein.

Answer 1

Wenn ich Ihre Anfrage richtig zu verstehen, ist es das, was Sie wollen:

body, html { 
 
    width: 100%; 
 
    height: 100%; 
 
    margin: 0px; 
 
} 
 
body { 
 
    background-image: linear-gradient(to right, black, blue 400px, black 800px); 
 
    background-size: 800px 100%; 
 
    background-position: 50% 100%; 
 
    background-repeat: no-repeat; 
 
}

Answer 2

so etwas wie dieses

background: linear-gradient(to left, black, blue 25%, blue 75%, black 100%); 

Versuchen Prozent Mit sorgt für Ihre Seite anpassen wird, und Sie werden die linken und rechten Viertel des Bildschirms schwarz mit der mittleren Hälfte solide blau haben!