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

Estoy tratando de aplicar un box-shadow en los cuatro lados. Solo pude conseguirlo en 2 lados:

Author: neophyte, 2011-04-10
Source

6 answers

Es por el desplazamiento x e y. 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 cross-browser, como se solicita en los comentarios:)

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

 83
Author: Damb,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-08-15 11:24:41

Véase: 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;
}
 28
Author: thirtydot,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-02-13 11:46:44

Esto se ve genial.

-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
 9
Author: Nalan Madheswaran,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-03-12 23:39:42

Tan simple como este código: 

box-shadow: 0px 0px 2px 2px black; /*any color you want*/
 5
Author: Pankskie,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-04-11 02:31:39

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);
}
 2
Author: user3619130,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-09-19 12:02:29

Utilice este código css para los cuatro lados: caja-sombra: 0px 1px 7px 0px rgb(106, 111, 109);

 0
Author: Bal mukund kumar,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-01-25 06:16:56