Dégradé #9C27B0 vers #00BCD4
Un dégradé fluide allant de #9C27B0 vers #00BCD4. Copiez le code CSS ci-dessous pour utiliser ce dégradé dans vos projets.
Couleurs du dégradé
Couleur de Début
#9C27B0
rgb(156, 39, 176)
hsl(291, 64%, 42%)
Couleur de Fin
#00BCD4
rgb(0, 188, 212)
hsl(187, 100%, 42%)
Code CSS du dégradé
Linéaire (135deg)
background: linear-gradient(135deg, #9C27B0, #00BCD4);
Horizontal
background: linear-gradient(to right, #9C27B0, #00BCD4);
Radial
background: radial-gradient(circle, #9C27B0, #00BCD4);
Classes Tailwind CSS
Tailwind
bg-gradient-to-r from-[#9C27B0] to-[#00BCD4]
Variantes de direction
Horizontal
Vertical
Diagonal
Coin
Questions fréquentes
Comment créer un dégradé de #9C27B0 vers #00BCD4 ?▾
Utilisez la propriété CSS : linear-gradient(135deg, #9C27B0, #00BCD4). Appliquez-la à la propriété background de n'importe quel élément. Vous pouvez modifier l'angle (135deg) pour changer la direction du dégradé.
Quelle propriété CSS crée un dégradé ?▾
Les dégradés se créent avec la propriété CSS background ou background-image et des fonctions comme linear-gradient(), radial-gradient() ou conic-gradient(). Par exemple : background: linear-gradient(to right, #9C27B0, #00BCD4);
Comment utiliser ce dégradé avec Tailwind CSS ?▾
Avec Tailwind CSS, utilisez les classes utilitaires : "bg-gradient-to-r from-[#9C27B0] to-[#00BCD4]". Les classes from- et to- définissent les couleurs du dégradé. Remplacez bg-gradient-to-r par bg-gradient-to-br pour une direction diagonale.