1001Ferramentas
🌑 Dev

CSS Box Shadow Generator

Create CSS box shadows with real-time preview. Configure multiple shadow layers, color, blur, spread and inset. Copy the CSS code.

Example element
box-shadow 

    

    
  


  

    
How to use?

    
Adjust the parameters of each shadow layer and see the result in real time. Multiple layers create more sophisticated effects. Enable inset to create inner shadows (cutout).

  

  


  
Related Tools

  

    
      
  

    ~~T~~
    

      
Strikethrough Text Generator

      
Transform any text into strikethrough text using Unicode combining characters. Works on social networks.

    

  



    
      
  

    ̴Z̴
    

      
Zalgo Text Generator

      
Generate creepy Zalgo text with overlapping diacritical characters. Control the intensity of the effect.

    

  



    
      
  

    📝
    

      
Text Diff

      
Compare two texts and see the differences highlighted line by line. Useful for reviewing documents and code.