Gradients lineaires
Les gradients lineaires font la transition des couleurs le long d'une ligne droite définie par un angle. La direction par défaut est de haut en bas (180deg). Les angles courants incluent 90deg pour gauche a droite et 45deg pour la diagonale. Les arrets de couleur controlent ou les transitions se produisent.
Gradients radiaux
Les gradients radiaux émanent d'un point central vers l'exterieur sous forme circulaire ou elliptique. La forme par défaut est une ellipse correspondant aux proportions de l'élément. Utilisez le mot-clé circle pour un gradient parfaitement rond. La position et la taille controlent l'origine et l'extension.
Gradients coniques
Les gradients coniques font tourner les couleurs autour d'un point central comme une roue de couleur. Ils commencent à un angle défini et balaient dans le sens horaire. Ils sont ideaux pour créer des graphiques en camembert, des indicateurs de progrès circulaires et des motifs angulaires decoratifs.
Bonnes pratiques des gradients
Utilisez les gradients avec parcimonie pour un impact visuel maximal. Limitez les arrets de couleur a deux ou trois pour des designs propres. Testez les gradients sur différentes tailles d'écran. Considerez l'accessibilité en assurant que le texte superpose aux gradients maintient un contraste suffisant.
