Have an account? Sign in
Login  Register  Facebook
Web Development School
This Page is Under Construction! - If You Want To Help Please Send your CV - Advanced Web Core (BETA)
[Edit] CSS Inner and Outer Box Shadow
Example
<style type="text/css">
span {
    float: left;
    margin: 4px;
    display: block;
    width: 64px;
    height: 64px;
    background:#E8E8E8;
}
</style>

<span class="outer_shadow"></span>
<span class="inner_shadow"></span>

Try it yourself »Click on the "Try it yourself" button to see how it works

Save 12,867 Shadow 
.outer_shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

.inner_shadow {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}