CSS repeating-conic-gradient()-Funktion
Beispiel
Wiederholenden konischen Farbverlauf erstellen:
#grad {
background-image: repeating-conic-gradient(red 10%, yellow 20%);
}
Selbst ausprobieren »
Definition und Verwendung
Die Funktion repeating-conic-gradient() wird verwendet, um einen wiederholenden konischen Farbverlauf zu erstellen.
Unterstützte Version: CSS3
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversionsnummer an, die die Funktion unterstützt.
| Funktion | |||||
|---|---|---|---|---|---|
| repeating-conic-gradient() | 69.0 | 79.0 | 83.0 | 12.1 | 56.0 |
CSS-Syntax
background-image: repeating-conic-gradient([from angle] [at position,] color degree, color degree, ...);
| Wert | Beschreibung |
|---|---|
| von Winkel | Optional. Der Startwinkel. Standardwert ist 0deg. |
| an Position | Optional. Mittelposition. Standard ist zentriert. |
| color degree, ..., color degree | Farbstopps für konische Farbverläufe. Der Wert enthält einen Farbwert, gefolgt von einer optionalen Stopp-Position (ein Grad zwischen 0 und 360 oder ein Prozentsatz zwischen 0% und 100%). |
Weitere Beispiele
Beispiel
Legt einen wiederholenden konischen Farbverlauf mit einer Startfarbe und einer Stoppfarbe fest:
#grad {
background-image: repeating-conic-gradient(red 0deg 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}
Selbst ausprobieren »
Weitere Erweiterungen