Est-il possible de définir la transparence dans CSS3 box-shadow?

Question

Est-il possible de définir la transparence sur l'ombre de la boîte?

Ceci est mon code:

   box-shadow:10px 10px 10px #000;
  -webkit-box-shadow:10px 10px 10px #000;
  -moz-box-shadow: 10px 10px 10px #000;
 

Answer 1

Je suppose que rgba() travaillerait ici. Après tout, la prise en charge du navigateur pour box-shadow et rgba() est à peu près la même.

 /* 50% black box shadow */
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
 

jsFiddle preview