Créez facilement des dégradés CSS linéaires ou radiaux. Choisissez vos couleurs, la direction et copiez le code CSS généré instantanément.
Choisissez deux couleurs et le type de dégradé pour générer le code CSS correspondant.
Créez facilement des dégradés CSS linéaires ou radiaux. Choisissez vos couleurs, la direction et copiez le code CSS généré instantanément.
Choisissez deux couleurs et le type de dégradé pour générer le code CSS correspondant.
Les dégradés CSS permettent de créer des transitions fluides entre deux ou plusieurs couleurs, sans utiliser d'images. Ils sont supportés par tous les navigateurs modernes.
Un dégradé linéaire crée une transition de couleur le long d'une ligne droite. Vous pouvez choisir la direction.
background: linear-gradient(direction, couleur1, couleur2);Un dégradé radial crée une transition qui rayonne à partir d'un point central vers l'extérieur.
background: radial-gradient(circle, couleur1, couleur2);Copiez simplement le code CSS généré et collez-le dans vos feuilles de style :
.mon-element {
background: linear-gradient(to bottom, #3498DB, #9B59B6);
}
© 2016-2025. My2lbox.com
Mentions légales
Gérer les cookies
Design by Bootstrapious.