Utilizar un loading o imagen de carga con CSS

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 5,00 de 5)
Cargando…

También te podría gustar...

Sobre este artículo

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 5,00 de 5)
Cargando…

Licencia: Licencia: Eres libre de distribuir este artículo bajo los términos de la licencia creative commons, siempre que pongas claramente el siguiente texto en la página que publica el artículo (enlaces activos incluidos):

URL: Utilizar un loading o imagen de carga con CSS

Se dedica desde hace más de 10 años al diseño web y muy especialmente al front-end. Apasionada de Internet y los proyectos online. Sigue muy de cerca todo lo que se cuece en cuanto a emprendimiento. Ha trabajado como front-end y visual designer para empresas como ELPAIS, Banco Santander y actualmente Tuenti.

6 Respuestas

  1. Esteban

    Hola, intento hacer ese ejercicio pero no me sale. ¿Alguien podría compartirme su código para tener una idea?.

    • Hola Esteban,

      ¿Qué problema tienes exactamente? porque el código es el que tienes en el ejemplo. Por un lado el css (el primer bloque) y por otro el html (el último bloque). Y luego tienes que crear un gif animado de carga en las webs que enlazo en el artículo, para usarlo en tu web como loader.

      Lo he modificado un poco a ver si se entiende mejor.

      Un saludo.

  2. Nata

    Es perfecto, justo lo que necesitaba!!!

  3. alejandro sanchez

    Gracias pro el tutorial, programo mi web con adobe muse, donde puedo colocar el codigo para que funcione, y en el caso de mis animaciones creo mi pestaña de html pero donde coloco que encabezado y final le doy para que funcione. Gracias por tu ayuda.

  4. coudlain

    Pedazo de articulo sí señor, eres un fenómeno muchas gracias !!

  5. Miguel

    Muchas gracias!!! llevo como 2 horas buscando en google y no encontraba nada, hasta que llegue aquí y con esa linea de css he solucionado mi problema…estupendo tutorial!!!

    Graciassss

Deja un comentario

El email no se publica. Todos los campos obligatorios, salvo Web.

Centro de preferencias de privacidad

Cookies imprescindibles

Cookies que son necesarias para que el sitio funcione correctamente.

gdpr

Cookies de terceros

Se utilizan para rastrear la interacción del usuario y detectar posibles problemas. Nos ayudan a mejorar nuestros servicios al proporcionar datos analíticos sobre cómo los usuarios usan este sitio.

_ga, _gid, _gat