CSS Shadow Generator

Shadows

The first shadow in the list sits on top; each one after it stacks behind the last. text-shadow has no spread or inset — only box-shadow does.

Presets

Preview

CSS


      

    

  


  

    Built and previewed entirely in this browser. Every colour comes from a native colour picker and an
    opacity slider, and every length is a plain number — nothing here accepts free text, so there is
    nothing for a paste to inject into.
  

  





The CSS Shadow Generator needs JavaScript: the preview and the
  generated CSS are both built live in this browser. With JavaScript switched off there is nothing to do the
  work.