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
Y2Joriginal
2017-05-19 15:05:525890parcourir

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);

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!

Déclaration:
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