Maison > interface Web > tutoriel CSS > Explication détaillée des paramètres de dégradé linéaire dans CSS3

Explication détaillée des paramètres de dégradé linéaire dans CSS3

Y2J
Libérer: 2017-05-19 15:05:52
original
5880 Les gens l'ont consulté

1. Syntaxe

Explication détaillée des paramètres de dégradé linéaire dans CSS3

2. Paramètres

Explication détaillée des paramètres de dégradé linéaire dans CSS3

Le premier paramètre : Spécifiez la direction du dégradé, vous pouvez utilisez le mot-clé « Angle » ou « Anglais » pour représenter :

Lorsque le premier paramètre est omis, la valeur par défaut est "180deg", ce qui équivaut à "vers bas".

Les deuxième et troisième paramètres représentent les points de début et de fin de la couleur et peuvent avoir plusieurs valeurs de couleur.

Par exemple :

background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);
Copier après la connexion

Cet attribut a été pris en charge par des navigateurs tels que IE10+, Firefox19.0+, Chrome26.0+ et Opera12.1+.

[Recommandations associées]

1. Tutoriel vidéo gratuit CSS3

2. Syntaxe détaillée de CSS Linear-gradient()

3.

Explication détaillée des exemples de dégradé linéaire en CSS3

4

Explication détaillée de la façon d'utiliser le dégradé linéaire en CSS3<.>5.

Explication approfondie du gradient linéaire oblique en CSS3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal