Sombras en CSS

HTML

<link rel="stylesheet" href="sombras.css">


    <div id="sombra1" class="cuadrado"></div>
    <div id="sombra2" class="cuadrado"></div>
    <div id="sombra3" class="cuadrado"></div>
    <div id="sombra4" class="cuadrado"></div>
    <div id="sombra5" class="cuadrado"></div>

CSS

.cuadrado{
    width: 100px;
    height: 100px;
    margin: 50px;
    float: left;
    background-color: #CCAABB;
}
#sombra1{ box-shadow: 5px 5px; }
#sombra2{ box-shadow: 0 0 10px; }
#sombra3{ box-shadow: 0 0 0 5px; }
#sombra4{ box-shadow: -25px -25px 3px 3px #0A1; }
#sombra5{ box-shadow: 0 0 3px 3px #4B0082 inset; }