quitar - sombra interior css

¿Cómo aplicar la sombra de caja en los cuatro lados?

Question

Intento aplicar una box-shadow en los cuatro lados. Solo pude obtenerlo en 2 lados:

Answer 1

Encontré el http://css-tricks.com/forums/topic/how-to-add-shadows-on-all-4-sides-of-a-block-with-css/ sitio.

.allSides
{
    width:350px;height:200px;
    border: solid 1px #555;
    background-color: #eed;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

Answer 2

Es por la compensación de xey. Prueba esto:

-webkit-box-shadow: 0 0 10px #fff;
        box-shadow: 0 0 10px #fff;

editar (año después ...): hizo la respuesta más entre navegadores, como se solicita en los comentarios :)

Por cierto: hay muchos generadores css3 hoy en día ... css3.me , css3maker , css3generator , etc ...

Answer 3

Esto se ve genial.

-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;

Answer 4

Tan simple como este código:

box-shadow: 0px 0px 2px 2px black; /*any color you want*/

Answer 5

Utilice este código CSS para los cuatro lados: box-shadow: 0px 1px 7px 0px rgb (106, 111, 109);

Answer 6

Ver: http://jsfiddle.net/thirtydot/cMNX2/8/

input {
    -webkit-box-shadow: 0 0 5px 2px #fff;
    -moz-box-shadow: 0 0 5px 2px #fff;
    box-shadow: 0 0 5px 2px #fff;
}