Hacker of the Web
Tus ideas en código!...y mas

CSS3: Box Shadow (Sombras)

Otra propiedad sobresaliente y novedosa en la nueva version de CSS, la numero 3, es:

Box-Shadow

La sintaxis de esta propiedad es la misma que en

Text-Shadow


Pero a diferencia de Text-Shadow, Box Shadow no es muy generica y por el momento es necesario colocar un "-moz","-khtml","-webkit" para que funcione perfectamente en todos los navegadores excepto IE:
-khtml-box-shadow: 0 0 3px #333;
-moz-box-shadow: 0 0 3px #333;
-webkit-box-shadow: 0 0 3px #333;


podrías utilizarlo en cualquier elemento html:


-khtml-box-shadow: 0 0 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);



-khtml-box-shadow: 1px 1px 4px rgba(0,0,0,.8);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,.8);
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.8);


En una etiqueta de parrafo <p>


-khtml-box-shadow: 0 0 3px rgba(0,0,0,.6);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.6);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);



-khtml-box-shadow: 1 1 10px rgba(150,0,0,.5);
-moz-box-shadow: 1 1 10px rgba(150,0,0,.5);
-webkit-box-shadow: 1 1 10px rgba(150,0,0,.5);
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

Sólo 1 comentario !

Jhim Preston dijo...

Gracias esta muy Bueno..!!

Saludos desde Colombia


Página Principal
Arriba