So erstellen Sie eine Farbverlauf mit 3 Farben in CSS ohne Farbe Eskalation

In diesem Beispiel habe ich einen Farbverlauf von 2 Farben, alignd zu Recht.

So erstellen Sie eine Farbverlauf mit 3 Farben in CSS ohne Farbe Eskalation

background: linear-gradient(to right, #c4d7e6 50%, #66a5ad 50%, #66a5ad 50%);

Gibt es eine Möglichkeit, ich kann mehr als 2 Farben? Zum Beispiel kann ich hinzufügen roten Farbe auf der rechten Seite der zweiten?

InformationsquelleAutor | 2017-12-01
  1. 11

    Sicher, fügen Sie einfach Farbe Stoppt bei jedem (100/numColors)%

    CSS:

    div {
  background:linear-gradient(to right, #c4d7e6 0, #c4d7e6 33%, #66a5ad 33%, #66a5ad 66%, #ff0000 66%, #ff0000 100%);
  width: 100%;
  height:64px;
}

    HTML:

    <div></div>

    InformationsquelleAutor Joschi
  2. 3

    Können Sie multiplizieren hintergrund, so wie hier:

    background: linear-gradient(to right, #000, #66a5ad, #66a5ad, red);

    Sehen das auch codepen für viel-Kombinationen.

    InformationsquelleAutor Alexander Z
Schreibe einen Kommentar