Comment appliquer l'ombre de boîte sur les quatre côtés ?

Question

J'essaie d'appliquer un box-shadow sur les quatre côtés. Je ne pouvais l'obtenir que de deux côtés :

Answer 1

C'est à cause du décalage x et y. Essayez ceci :

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

edit (year later..) : A rendu la réponse plus cross-browser, comme demandé dans les commentaires :)

btw : il y a beaucoup de générateurs css3 de nos jours.. css3.me, css3maker, css3generator etc...

Answer 2

Voir : 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;
}

Answer 3

Aussi simple que ce code :

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

Answer 4

Cela a l'air cool.

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