---
title: "Cómo crear el efecto de carga de imágenes en CSS"
description: "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 e..."
url: https://verasoul.com/como-crear-el-efecto-de-carga-de-imgenes-en-css.html
date: 2023-08-26
modified: 2023-08-26
author: "VeraSoul"
categories: ["Tutoriales"]
tags: ["background url", "CSS", "diseño web", "genes", "imagen animada", "imagen gif", "Internet", "kilobytes", "Trucos"]
type: post
lang: es
---

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

# 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}
```