Générateur de dégradés CSS

Créez un gradient et copiez le CSS.

Générateur de dégradés pour le web

Créez des dégradés CSS (linear-gradient) visuellement. Choisissez deux couleurs et un angle, le code CSS est généré. Utilisez-le pour les arrière-plans, boutons, headers. La propriété background ou background-image accepte linear-gradient(angle, color1, color2). Copiez et collez dans votre feuille de style.

Comment utiliser

  1. Saisissez ou collez votre contenu dans la zone prevue.
  2. Utilisez les options ou boutons selon vos besoins.
  3. Copiez le resultat ou telechargez si l'outil le permet.

FAQ

Cet outil est-il gratuit ?
Oui. Tous nos outils sont gratuits et utilisables sans inscription.
Mes donnees sont-elles envoyees a un serveur ?
Pour la plupart des outils, le traitement se fait dans votre navigateur.
Puis-je utiliser cet outil sur mobile ?
Oui. Le site est optimise mobile.