Dégradé CSS
Un fond de bandeau, une carte, un logo : un dégradé commence par deux teintes. L'aperçu se met à jour pendant la saisie et le code est prêt à copier.
Par Jimenez Julien, éditeur de Nuancier Carmin · mis à jour le
background: linear-gradient(135deg, #B3202A, #FAF6EF);Collez cette ligne dans la feuille de style d'un site. L'angle 180 va de haut en bas, 90 de gauche à droite.
Comment ça marche
- Saisissez deux ou trois codes hexadécimaux.
- Choisissez l'angle du dégradé, de 0 à 360 degrés.
- Copiez la ligne CSS et collez-la dans votre feuille de style.
Le traitement se fait localement dans votre navigateur. Rien n'est envoyé, stocké ni analysé à distance.
Questions fréquentes
Quel angle choisir ?
90 va de gauche à droite, 180 de haut en bas, 135 en diagonale vers le bas à droite.
Faut-il trois couleurs ?
Non, deux suffisent. La troisième est facultative.
Le code fonctionne-t-il partout ?
Le dégradé linéaire est pris en charge par tous les navigateurs actuels.