1. Instarlar generador de sombra
2. http://cssdeck.com/labs/zwdep1rg

Gererador  de sombra:
1. http://layerstyles.org/builder.html
2. http://www.cssmatic.com/es/box-shadow
3. Sombra para texto, bordes, gradientes, botones 
4. http://www.alsacreations.com/ombrages-ombres-css-box-shadow-text
5. http://jqueryaplicar-sombra-con-box-shadow-css3.html
   a. http://jquery-aplicar-sombra-texto-con-text-shadow.html

Ejemplo de texto con sombra

Al principio vienen necesariamente a la mente la fantasía y la fábula. Desfilan después lo cálculos matemáticos, y sólo al final la realización corona el pensamiento.
Konstantín Tsiolkovski

Casi todos podemos soportar la adversidad, pero si queréis probar el carácter de un hombre, dadle poder.
Abraham Lincoln

Contigo todo, sin ti nada.

Fuente

<div class="caja caja-sombra">
<h2>Ejemplo 6</h2>
<p>Sombra interior exterior</p>
</div>

CSS

.caja{
 width: 200px;
 height: 150px;
 background-color: #f4f4f4;
 border-radius: 5px / 100px;
 border: 1px dotted #9C9C9C;
 box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
}
.caja-sombra{
    position: relative;
    float: left;
    padding: 1em;
    margin: 100px 50px;
    
}
.caja-sombra:before, .caja-sombra:after{
    content: "";
    position: absolute;
    z-index: -2;
}
.sombra1:beforez{
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
   
}
.sombra2:before{
    right: 0
}

<div class="caja caja-sombra"><h2>Ejemplo 6</h2>
      <p>Sombras esquinas levantadas</p>
        <div class="sombra-abajo-derecha"></div>
        <div class="sombra-abajo-izquierda"></div>
    </div>

CSS

.caja{
    
    width: 200px;
    height: 150px;
    background-color: #f4f4f4;
  border-radius: 5px; 
  border: 1px dotted #9C9C9C;
}
.caja-sombra{
    position: relative;
    float: left;
    padding: 1em;
    margin: 100px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.caja-sombra:before, .caja-sombra:after{
    content: "";
    position: absolute;
    z-index: -2;
}
.caja-sombra:before{
    width: 24px;
    height: 46%;
    top: 0;
    right: -10px;
    display: inline-block;
    box-shadow: 10px -10px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(2deg) translate(-20px, 25px) skew(-6deg);
    -moz-transform: rotate(2deg) translate(-20px, 25px) skew(-6deg);
    -o-transform: rotate(2deg) translate(-20px, 25px) skew(-6deg);
    transform: rotate(2deg) translate(-20px, 25px) skew(-6deg);
}
.caja-sombra:after{
    display: inline-block;
    height: 46%;
    left: -10px;
    top: 0;
    width: 24px;
    box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(2deg) translate(20px,25px) skew(6deg);
    -moz-transform: rotate(2deg) translate(20px,25px) skew(6deg);
    -o-transform: rotate(2deg) translate(20px,25px) skew(6deg);
    transform: rotate(2deg) translate(20px,25px) skew(6deg);
}
.sombra-abajo-derecha{
    content: '';
    width: 24px;
    height: 46%;
    bottom: 0;
    right: -10px;
    position: absolute;
    z-index: -1;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-2deg) translate(-20px,-25px) skew(6deg);
    -moz-transform: rotate(-2deg) translate(-20px,-25px) skew(6deg);
    -o-transform: rotate(-2deg) translate(-20px,-25px) skew(6deg);
    transform: rotate(-2deg) translate(-20px,-25px) skew(6deg);
}
.sombra-abajo-izquierda{
    content: '';
    width: 24px;
    height: 46%;
    bottom: 0;
    left: -10px;
    position: absolute;
    z-index: -1;
    box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-2deg) translate(20px,-25px) skew(-6deg);
    -moz-transform: rotate(-2deg) translate(20px,-25px) skew(-6deg);
    -o-transform: rotate(-2deg) translate(20px,-25px) skew(-6deg);
    transform: rotate(-2deg) translate(20px,-25px) skew(-6deg);
}
 

<div class="caja caja-sombra sombra1 sombra2">
       <h2>Ejemplo 5</h2>
      <p>Sombras laterales interiores</p>
    </div>

CSS

.caja{
    
    width: 200px;
    height: 150px;
    background-color: #f4f4f4;
   border-radius: 5px; 
  border: 1px dotted #9C9C9C;
}
.caja-sombra{
    position: relative;
    float: left;
    padding: 1em;
    margin: 100px 50px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.caja-sombra:before, .caja-sombra:after{
    content: "";
    position: absolute;
    z-index: -2;
}
.sombra1:beforez{
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    border-radius: 5px / 100px;
}
.sombra2:before{
    right: 0
}