Diseño Web Verasoul

Cómo crear el efecto de carga de imágenes en CSS

VeraSoul
VeraSoul Tutoriales
1 Min.

Cómo crear el efecto de carga de imágenes en CSS…

Si tienes un blog tipo fotolog, quizás te interese saber lo que hay que hacer para aplicar un efecto que indique a tus visitantes, que la foto se está cargando.

El truco es muy sencillo y se realiza mediante la utilización de la clase tipo “entry”, por defecto en WordPress y con la cual conseguimos un efecto sencillo tan solo utilizando un imagen animada tipo “gif”, cuanto menos pese, es decir, menos kilobytes ocupe mejor.

El código necesario de CSS tal efecto es el siguiente:

.entry img {background: url(http://URL-IMAGEN.GIF) no-repeat center center}
Compartir
Dejar un comentario