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

Créez visuellement des dégradés CSS linéaires, radiaux et coniques. Ajoutez plusieurs points de couleur, ajustez les positions et copiez le code CSS directement.

CSS 

  




  


  
  

  
  
  
  

    
Fonctionnalités

    

      
      

        
        Linear / radial / conic
      

      
      

        
        Multiple color stops
      

      
      

        
        Angle / direction control
      

      
      

        
        Live preview & CSS code
      

      
    

  

  

  
  

    
Comment Utiliser

    

      
        
        
1. Choisissez un type de dégradé (linéaire, radial, conique).

        
        
2. Cliquez sur + pour ajouter des points de couleur, faites-les glisser pour les positionner.

        
        
3. Ajustez l'angle ou la direction.

        
        
4. Copiez le code CSS généré.

        
      
    

  


  
  
  
  

    
Questions Fréquentes

    
    

      What types of gradients does CSS support?
      
CSS supports linear, radial, and conic gradients, each with different visual effects.

    

    
  

  

  
  
  

    
Outils Associés

    

      
      
        

          
        

        
Générateur CSS Box Shadow

        
Générez visuellement des propriétés CSS box-shadow avec des curseurs. Visualisez...

      
      
      
        

          
        

        
Générateur CSS Border Radius

        
Créez visuellement des propriétés CSS border-radius — contrôlez les quatre coins...

      
      
      
        

          
        

        
Terrain de Jeu CSS Flexbox

        
Apprenez et expérimentez avec CSS Flexbox. Ajustez les propriétés du conteneur e...

      
      
      
        

          
        

        
Générateur CSS Grid

        
Créez visuellement des mises en page CSS Grid. Définissez les lignes, colonnes e...