Générateur CSS Box Shadow

Générez visuellement des propriétés CSS box-shadow avec des curseurs. Visualisez un aperçu en direct et copiez le code CSS prêt à l'emploi en un clic.

CSS 

  




  


  
  

  
  
  
  

    
Fonctionnalités

    

      
      

        
        Slider controls
      

      
      

        
        Color picker
      

      
      

        
        Inset toggle
      

      
      

        
        Multiple layers
      

      
      

        
        Live preview & CSS code
      

      
    

  

  

  
  

    
Comment Utiliser

    

      
        
        
1. Déplacez les curseurs pour le décalage X, le décalage Y, le flou et l'étendue.

        
        
2. Choisissez une couleur avec le sélecteur de couleurs.

        
        
3. Activez Inset pour une ombre intérieure.

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

        
      
    

  


  
  
  
  

    
Questions Fréquentes

    
    

      What is box-shadow?
      
The CSS box-shadow property adds shadow effects around an element's frame.

    

    
  

  

  
  
  

    
Outils Associés

    

      
      
        

          
        

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

        
Créez visuellement des dégradés CSS linéaires, radiaux et coniques. Ajoutez plus...

      
      
      
        

          
        

        
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...