the IT Hustle
OutilsManuel de terrainÀ propos

Dégradé CSS

Concevez des dégradés CSS linéaires et radiaux via un éditeur visuel, puis copiez le CSS.

Sans limites
Presets:
Type de dégradé
Angle: 135deg
Arrêts de couleur
0%
100%
Aperçu
Code CSS
background: linear-gradient(135deg, #00ff88 0%, #00ccff 100%);
Constructeur visuel
Créez des dégradés visuellement avec un aperçu en direct. Ajustez couleurs, positions et angles en temps réel.
Trois types de dégradés
Prise en charge des dégradés linéaires, radiaux et coniques avec contrôle total de la direction et de la forme.
100% côté client
Tout le traitement se fait dans votre navigateur. Les données ne quittent jamais votre appareil.

Comment créer un dégradé CSS

Concevez de superbes dégradés CSS visuellement avec le générateur gratuit de dégradés de The IT Hustle.

  1. 1
    Choisissez un type de dégradéSélectionnez linéaire, radial ou conique parmi les options en haut de la page.
  2. 2
    Choisissez vos couleursUtilisez les sélecteurs de couleur pour définir les points d'arrêt du dégradé. Ajoutez plusieurs points pour des dégradés complexes.
  3. 3
    Ajustez la directionPour les dégradés linéaires, réglez l'angle. Pour les dégradés radiaux, choisissez la forme et la position.
  4. 4
    Copiez le code CSSCliquez sur le bouton Copier pour récupérer le code CSS généré, prêt à coller dans votre feuille de style.

Questions fréquentes

L'outil prend en charge les dégradés linéaires (transitions en ligne droite), radiaux (transitions circulaires) et coniques (transitions basées sur un angle).

Oui. Ajoutez autant de points de couleur que vous voulez pour créer des dégradés multicolores complexes. Chaque point peut être positionné précisément.

Oui. La sortie utilise la syntaxe CSS standard des dégradés, prise en charge par tous les navigateurs modernes dont Chrome, Firefox, Safari et Edge.

Outils associés

Générateur de palettes de couleursGénérateur de balises metaGénérateur de favicon