Ik heb een div met een breedte van 100%. Kan ik deze div meerdere achtergrondkleuren geven?
Dus bijvoorbeeld: 10% zwart, 60% wit en 30$ groen?

Ik dacht zelf op deze manier, maar dat werkt helaas niet:

Code:

#header
{
    background-color: black, white, green;
    background-size: 10%, 60%, 30%;
}

Even intypen op Google en ik kwam dit tegen, probeer dat eens?


background: linear-gradient(to right,#9c9e9f 0%,#9c9e9f 50%,#f6f6f6 50%,#f6f6f6 100%);

Gebruik deze generator: http://www.colorzilla.com/gradient-editor/
Zoals Kroeze zegt, het kan met de gradients van css3.

Origineel gepost door T Kroeze

Even intypen op Google en ik kwam dit tegen, probeer dat eens?


background: linear-gradient(to right,#9c9e9f 0%,#9c9e9f 50%,#f6f6f6 50%,#f6f6f6 100%);

Thanks! Ik heb de oplossing gevonden :)

Code:

#header
{
    background: linear-gradient(to right, black 0%, black 10%, white 10%, white 70%, green 70%, green 100%);
}

Origineel gepost door R van Breugel

Thanks! Ik heb de oplossing gevonden :)

Code:

#header
{
    background: linear-gradient(to right, black 0%, black 10%, white 10%, white 70%, green 70%, green 100%);
}

Super!