Heim >Web-Frontend >CSS-Tutorial >Detaillierte Erläuterung der linearen Gradientenparameter in CSS3

Detaillierte Erläuterung der linearen Gradientenparameter in CSS3

Y2J
Y2JOriginal
2017-05-19 15:05:525912Durchsuche

1. Syntax

Detaillierte Erläuterung der linearen Gradientenparameter in CSS3

2. Parameter

Detaillierte Erläuterung der linearen Gradientenparameter in CSS3

Der erste Parameter: Geben Sie die Verlaufsrichtung an Verwenden Sie das Schlüsselwort „Winkel“ oder „Englisch“, um Folgendes darzustellen:

Wenn der erste Parameter weggelassen wird, ist der Standardwert „180 Grad“, was „nach unten“ entspricht.

Der zweite und dritte Parameter stellen die Start- und Endpunkte der Farbe dar und können mehrere Farbwerte haben.

Zum Beispiel:

background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);

Dieses Attribut wurde von Browsern wie IE10+, Firefox19.0+, Chrome26.0+ und Opera12.1+ unterstützt.

[Verwandte Empfehlungen]

1. Kostenloses CSS3-Video-Tutorial

2. Detaillierte Syntax von CSS linear-gradient()

3. Detaillierte Erläuterung der Beispiele für lineare Farbverläufe in CSS3

4 Detaillierte Erläuterung der Verwendung von linearen Farbverläufen in CSS3

5. Ausführliche Erläuterung des schrägen linearen Farbverlaufs in CSS3

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der linearen Gradientenparameter in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn