Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Detaillierte Erläuterung der linearen Gradientenparameter in CSS3

Y2J
Freigeben: 2017-05-19 15:05:52
Original
5807 Leute haben es durchsucht

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);
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!