Générateur de dégradés CSS animés
Créez des dégradés linéaires, radiaux et coniques, ajustez leur animation et exportez le CSS.
Préréglages de dégradé
Brise océanique
Coucher de soleil chaud
Menthe fraîche
Brume violette
Tropicale
Feu
Barbe à papa
Violette électrique
Minuit
Aurore
Pêche
Aqua-Marin
Arrêts de couleur
Code CSS
.gradient-background {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}Type de dégradé
Angle : 135°
Couleurs
%
%
Animations
Conseils de dégradé
🎨 Harmonie des couleurs
Utilisez des couleurs adjacentes sur la roue chromatique pour des transitions douces, ou des couleurs complémentaires pour des effets vibrants et accrocheurs.
⚡ Performances
Les dégradés animés utilisant background-position sont accélérés par GPU et plus performants que les animations filter.
🔧 Accessibilité
Assurez un contraste suffisant pour tout texte placé sur des dégradés. Pensez à ajouter des requêtes multimédias prefers-reduced-motion.