dom

18

sep

2011

sombras con css3

colocar sombra css3

En algún momento de nuestra web queremos que esta se mire mejor, ya sea profesional, divertida, formal, o entretenida y la vamos acomodando conforme a nuestros gustos, pero que es lo que pasa, que a veces colocamos un fondo claro y una sección con un fondo solo un poco más claro, y no se distingue de uno a otro, así que recurrimos a colocar un fondo de un color extraño.

Para dejar de batallar con este tema, les mostrare como colocar sombras en css 3 y de esta forma distinguir cada una de las cosas, a continuación el código para la sombra.

 

 

Codigo:

 

-moz-box-shadow:0px 0px 14px #000000;

-webkit-box-shadow:0px 0px 14px #000000;

box-shadow:0px 0px 14px #000000;

 

Solo tenemos que colocarlo en css dentro de la etiqueta a la que queremos aplicar el estilo y listo.

Podemos cambiar los valores de color naranja para darle más tamaño a nuestra sombra y los azules para el color de nuestra sombra.

 

Tutorial escrito por

jessadio para comunidad cv

 

Escribir comentario

Comentarios: 0