Dans le cours : CSS : Astuces et techniques

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.

Défnir la direction d'un dégradé

Défnir la direction d'un dégradé - Tutoriel CSS

Dans le cours : CSS : Astuces et techniques

Défnir la direction d'un dégradé

Dans la vidéo précédente, nous avons parlé de la répartition des couleurs le long de l'axe du dégradé. Voyons maintenant comment modifier l'inclinaison de cet axe. Rappelons-nous tout d'abord que par défaut, l'axe d'un dégradé linéaire va de haut en bas. Donc ici, mes couleurs se répartissent le long de cet axe qui part du haut de la page et qui va vers le bas de la page. Pour modifier l'inclinaison de cet axe, eh bien, retour dans la feuille de style CSS, je vais en fait rajouter un paramètre supplémentaire à ma fonction linear-gradient. Et le paramètre que je dois rajouter, eh bien, c'est le premier paramètre de cette fonction linear-gradient. Donc, ce paramètre va venir ici tout au début avant les différentes couleurs du dégradé. Je vais écrire ici par exemple to top, suivi d'une virgule hein pour séparer les paramètres de la fonction linear-gradient. To top, ça veut dire vers le haut. Donc ici, je demande à mon dégradé que l'axe parte du bas et aille vers le haut, et donc…

Table des matières