CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS @charset-Regel CSS-Funktionen (Functions)

CSS wiederholend-radial-gradient() Funktion

CSS-Funktion repeating-radial-gradient() erstellt ein <image>, das aus wiederholten Strahlenverläufen besteht, die vom Ursprung ausgehen. Es ähnelt radial-gradient und mit denselben Parametern verwendet, aber es wird in alle Richtungen wiederholt, um den gesamten Container zu überdecken. Das Ergebnis der Funktion ist ein Objekt des Daten Typs <gradient>, das ein spezieller <image>-Typ ist.

CSS Funktion

Online Beispiel

Wiederholte lineare Verlaufs

Beispiel

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Grund教程(oldtoolbag.com)</title>　
<style>
#grad1　{
　　höhe:　200px;
　　background-image: wiederholend-radial-gradient(rot, grün　10, grün　15%);
}
</style>
</head>
<body>
<h3>wiederholter radialer Verlauf</h3>
<div id="grad1></div>
<p><strong>Hinweis:</strong> Internet Explorer　9　und frühere Versionen unterstützen keine Verläufe.</p>
</body>
</html>

Testen Sie es heraus ‹/›

Definition und Verwendung

wiederholend-radial-Die Funktion gradient() wird verwendet, um wiederholte radiale Verlaufs "Bilder" zu erstellen.

Unterstützte Versionen: CSS3

Browserkompatibilität

Die Zahlen in der Tabelle stellen die ersten Browserversionsnummern dar, die die Funktion unterstützen.

"webkit" oder "moz" oder "o" bezeichnende Nummern sind die ersten Versionsnummern, die die Funktion unterstützen.

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

CSS-Syntax

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

Wert	Beschreibung
shape	Definition der Verlaufsform. Es können sein: ellipse (Standard): Legt den radialen Verlauf eines Ellipses fest circle: Legt den radialen Verlauf eines Kreises fest
size	Spezifische Position des Randkontours. Es können folgende Werte sein: fernster-Ecke (Standard): Legt die Länge des Radius des radialen Verlaufs von der Mitte zur nächsten Ecke fest. next-Seite: Legt die Länge des Radius des radialen Verlaufs von der Mitte zur nächsten Seite fest. next-Ecke: Legt die Länge des Radius des radialen Verlaufs von der Mitte zur nächsten Ecke fest. fernster-Seite: wie closest-Seite im Gegensatz dazu legt die Länge des Radius der radialen Verlaufs von der Mitte zum äußersten Rand fest.
Position	Mittelpunkt der Position, ähnlich wie on und background-Position oder Transform-Herkunft. Standard ist "center"
start-color, ..., last-color	Verlaufsfarben können mit Längenwerten oder Prozentsätzen angegeben werden, um den Start- und Endpunkt des Verlaufs zu bestimmen, jedoch sind negative Werte nicht erlaubt.

CSS-Anleitung: CSS3 Verlauf

CSS Funktion

CSS @charset-Regel CSS-Funktionen (Functions)