Hoy os voy a decir como aplicar una sombra interior con CSS, Es muy fácil.
1. Creamos la sombra exterior con la propiedad box-shadow:
box-shadow: 12px 0 (0 pixeles si solo queremos dar sombra al lateral, si queremos dar sombra a la vertical indicaremos los pixeles que queremos darle) 8px (en este le damos la distorsión que queramos a la sombra) blue (el color);
2. Para crear la sombra interior en la propiedad box-shadow:
Introducimos la palabra clave inset antes de indicar los pixeles. Así:
box-shadow: inset 12px 0 8px blue;
Y ya esta, asi de fácil.