14 enero 2006

Sombra

RedesDesde hace días he estado intentando e intentando el darle a las imágenes de el Blog algo de diferente a los que tradicionalmete hago con ellas, colocarlas y centrarlas; así que después de ver algunos sitios me llamo mucho la atención el colocarles una sombra, y me puse a buscar sombras con CSS y si encontré una cantidad importante de métodos, de hecho probé varios en linea, ninguno me satisfacía la verdad por que a los elementos que se les colocaba tenia que alinearlos a la izquierda o derecha solamente, y no me gustaba no tener la opción de el centro; hasta que encontré este sitio que muestra la forma de hacerlo.

así que cree una clase en mi CSS con este código:
.img-shadow{
padding: 5px 5px 9px 5px;
background-color: #FFF;
background-image: url(Imagenes/sombra.gif);
background-repeat: repeat-x;
background-position: left bottom;
border-top: 1px solid #DDD;
border-right: 1px solid #DDD;
border-left: 1px solid #DDD;
}
y resulto esto:
Esto es una prueba de una sombra texto arriba

texto abajo


Saludos.

1 comentario:

stan dijo...

interesante efecto :D