Create cross-browser drop-shadows

Posted on by

Here’s an example of CSS styles you can use to create nice soft drop shadows around elements on a web page:

<style> 
  #test {  
     -moz-box-shadow: 3px 3px 3px #666; 
      -webkit-box-shadow: 3px 3px 3px #666; 
       box-shadow: 3px 3px 3px #666; 
  } 
  </style>

Here’s how it looks, applied to a div: