Rounded Shadow Example

by Colin Soderstrom

HTML

<div id="whitestuff"></div>
<div id="supercoolshadowcaster"><p>Submit</p></div>
<div id="oval"></div>

CSS

#whitestuff {
    width: 300px;
    background-color: #fff;
    height:75px;
    position: relative;
    top:16px;
}
#supercoolshadowcaster{
    width:250px;
    height:50px;
    background-color: #0f0;
    border-radius: 5px 5px;
    text-align: center;
}
#oval {
   z-index:-1;
   width: 200px; 
   height: 100px; 
   background: white; 
   -moz-border-radius: 100px / 50px; 
   -webkit-border-radius: 100px / 50px; 
   border-radius: 100px / 50px;
    -moz-box-shadow: 0 0 5px 5px #b2b2b2;
    -webkit-box-shadow: 0 0 5px 5px#b2b2b2;
    box-shadow: 0 0 5px 5px #b2b2b2;
    top: -100px;
    left: 25px;
    position: relative;
}