Sombra
Filed under html
Desde 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














enero 15, 2006 at 4:17 am
interesante efecto