VeraSoul: todo está en tus manos.VeraSoul: todo está en tus manos.VeraSoul: todo está en tus manos.
  • Inicio
  • Blog
  • Servicios
    • Publica tus artículos aquí
    • Diseño de Páginas Web en WordPress
    • SEO – Posicionamiento Web
    • Concursos y Sorteos
    • Desencriptar WhatsApp
  • Contacto
  • Acerca de…
Buscar...
  • Marcadores
  • Boletín de Noticias
  • Colabora
  • Política de Privacidad
  • Política de Cookies
  • Aviso Legal
  • Descargo de Responsabilidad
  • Inicio
©2022 Made with Love, powered by VeraSoul.
Leyendo: Cómo crear el efecto de carga de imágenes en CSS
Compartir
Notificaciones Mostrar Más
Tamaño FuenteAa
VeraSoul: todo está en tus manos.VeraSoul: todo está en tus manos.
Tamaño FuenteAa
  • Inicio
  • Blog
  • Servicios
  • Contacto
  • Acerca de…
Buscar...
  • Inicio
  • Blog
  • Servicios
    • Publica tus artículos aquí
    • Diseño de Páginas Web en WordPress
    • SEO – Posicionamiento Web
    • Concursos y Sorteos
    • Desencriptar WhatsApp
  • Contacto
  • Acerca de…
Acceder Acceder
Follow US
©2022 Made with Love, powered by VeraSoul.
Tutoriales

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

Última Actualización: 26/08/2023
VeraSoul
Publicado 26 agosto 2023
Tutoriales
1 Mins. de Lectura
Compartir

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}
Cómo romper la permanencia con nuestro operador telefónico sin ser penalizado
Hubic: un nuevo servicio de almacenamiento en la nube
Cómo conseguir un lector de DNIe por tan solo 2€
¿Qué hacer si sufres un ataque por ransomware?
Google Voice en España: llamadas a bajo coste mediante VoIP
ETIQUETADO:background urlCSSdiseño webgenesimagen animadaimagen gifInternetkilobytesTrucos

Boletín de Noticias

¡Sigue así! Recibe las últimas noticias de última hora directamente en su bandeja de entrada.
Suscripciones
Al registrarse, aceptas nuestro Términos y Condiciones y reconocer las prácticas de datos en nuestra Política de Privacidad. Puedes darte de baja en cualquier momento. ¡NO hacemos SPAM, y NO vendemos tus vendemos tus datos a terceros!
Compartir Artículo
Facebook Pinterest Whatsapp Whatsapp LinkedIn Tumblr Reddit Telegram Email Copiar Enlace Imprimir
Anterior Cómo desactivar el buscador Ask de nuestra barra de FireFox
Siguiente Imágenes tipo sprites en CSS
No hay comentarios No hay comentarios

Deja una respuesta

Lo siento, debes estar conectado para publicar un comentario.

Redes Sociales

FacebookMe Gusta
XSeguir
YoutubeSubscribe
TelegramSeguir
LucusHost, el mejor hosting

Categorías

Curiosidades (439) Finanzas (70) Historia (30) Internet (165) Reviews (56) Seguridad (204) Software (602) Tecnología (222) Tutoriales (109) VIP (3) Vídeos (57) WordPress (67)

Artículos Populares

Verasoul Com Whatsapp Msgstore Db Crypt
Cómo desencriptar el archivo msgstore.db.crypt
Tutoriales
13 noviembre 2024
Windows7 logo
Cómo activar Windows 7 de forma permanente con RemoveWAT v2.0 y Chew-WGA v0.9
Software
13 mayo 2026
Whatsapp Y Seguridad
¿Es posible recuperar los mensajes eliminados de WhatsApp?
Seguridad
3 septiembre 2023
Como Activar Windows 7 Con Sp1 De Forma Permanente
Cómo activar Windows 7 con SP1 de forma permanente
Software
29 abril 2026
Gcypn
Discriminación por edad para el acceso a la Guardia Civil y Policía Nacional
Curiosidades
18 enero 2024
WP e-Commerce: un plugin para transformar tu blog en un comercio online
Software
20 agosto 2023
Scam
SCAM: estafas en Internet
Seguridad
10 abril 2026
Lazonodeix5
Lazo NODE (!NO Discriminación por Edad!)
Curiosidades
7 enero 2023
Follow US
©2022 Made with Love, powered by VeraSoul.