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.

ene14

One Response to “Sombra”

  1. interesante efecto :D

Leave a Reply