Aplicar sombra para navegadores

[ceaped]

Buenos días
Me leí este tutorial para visualizar sombra y bordes redondeados en IE:

http://fetchak.com/ie-css3/

Así la utilizo:

Código CSS:

-moz-box-shadow: 4px 4px 10px #a0aeb2;
-webkit-box-shadow: 4px 4px 4px #a0aeb2;
box-shadow: 4px 4px 10px #a0aeb2;
 

Pero me encontré con esta otra opción:

Código CSS:

box-shadow: 4px 4px 4px 2px rgba(160,174,178,2);
 

¿Cuál es la forma correcta la uno o la dos?

Gracias por su ayuda

[pzin]

Las dos son correctas. La segunda forma añade otro parámetro que es opcional y usa un color transparente. Aunque ese 2 está mal, ya que ese último valor va de 0 a 1.

También se pueden añadir otras opciones. El formato es:

box-shadow: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] ]#

Como ves, tanto inset (sombra interior), blur-radius (radio de difusión) y spread-radius (radio de propagación) son opcionales.

[ceaped]

Hola pzin
Utilio la segunda opción:

Código CSS:

box-shadow: 4px 4px 4px 2px rgba(160,174,178,0.8);
 

¿Porqué cuando pongo horizontal una iPad me borra la sombra?

Gracias por tu ayuda

[pzin]

Iniciado por ceaped

¿Porqué cuando pongo horizontal una iPad me borra la sombra?

Pues no tendrá que ver con la sombra propiamente, digo yo.

[ceaped]

Ok, gracias