CSS-Funktion repeating-radial-gradient()

Beispiel

Wiederholender radialer Gradient:

#grad { background-image: repeating-radial-gradient(red, yellow 10%, green 15%); }

Die Funktion repeating-radial-gradient() wird verwendet, um ein wiederholendes radiales Gradienten-"Bild" zu erstellen.

Unterstützte Versionen: CSS3

Die Zahlen in der Tabelle geben die erste Browserversionsnummer an, die die Funktion unterstützt.

Die durch "webkit", "moz" oder "o" angegebenen Zahlen sind die ersten Versionsnummernpräfixe, die die Funktion unterstützen.

Funktion
repeating-radial-gradient()	26.0 10.0 -webkit-	10.0	16.0 3.6 -moz-	6.1 5.1 -webkit-	12.1 11.1 -o-

background-image: repeating-radial-gradient(shape size at position, start-color, ..., last-color);

Wert	Beschreibung
shape	Definiert die Form des Gradienten. Kann sein: ellipse (Standard): gibt einen elliptischen radialen Gradienten an circle: gibt einen kreisförmigen radialen Gradienten an
size	Die spezifische Position der Randkontur. Sie kann folgende Werte annehmen: farthest-corner (Standard): gibt an, dass die Radiuslänge des radialen Gradienten vom Mittelpunkt des Kreises bis zur Ecke reicht, die am weitesten vom Mittelpunkt entfernt ist. closest-side: gibt an, dass die Radiuslänge des radialen Gradienten vom Mittelpunkt des Kreises bis zur Seite reicht, die dem Mittelpunkt am nächsten liegt. closest-corner: legt fest, dass die Radiuslänge des radialen Farbverlaufs vom Mittelpunkt des Kreises bis zur Ecke reicht, die dem Mittelpunkt am nächsten liegt. farthest-side: Gegenteil von closest-side; legt fest, dass die Radiuslänge des radialen Farbverlaufs vom Mittelpunkt des Kreises bis zur Seite reicht, die am weitesten vom Mittelpunkt entfernt ist.
position	circle-Mittelpunktposition, ähnlich wie background-position oder transform-origin. Standard ist "center"
start-color, ..., last-color	Wird verwendet, um die Start- und Endfarben des Farbverlaufs anzugeben. Längenwerte oder Prozentangaben können verwendet werden, um die Start- und Endpositionen der Farben anzugeben, aber negative Werte sind nicht zulässig.

Weitere Erweiterungen