Descripción
Este código muestra una barra de carga que tarda exactamente un minuto en completarse. Durante ese tiempo, aparece el texto “Cargando…” con puntos animados. Al finalizar la espera, aparece un mensaje que felicita al usuario por su paciencia… pero también le recuerda que acaba de perder 1 minuto de su vida.
Es una broma sutil y elegante, ideal para compartir con alguien que siempre dice que tiene mucha paciencia (o para ponerla a prueba).
El mensaje final y la duración son completamente personalizables, y más abajo te explico cómo hacerlo paso a paso.
El texto, los colores y los efectos visuales son modificables y te explico cómo hacerlo más abajo.
Características
Fecha: 08/08/2025
Temática: Broma
Lenguajes: HTML, CSS
Compatible con: PC, Android e iPhone
Tutorial paso a paso
1. Cómo obtener el código
Puedes descargar el archivo HTML y CSS desde el enlace al final de esta página. Guarda el archivo en tu dispositivo para personalizarlo y compartirlo.
2. Cómo modificar el código
Para cambiar el texto o el tiempo de carga:
· Descarga el archivo en un PC, haz clic derecho y selecciona Abrir con… > Bloc de notas
· En la línea 78 puedes cambiar el mensaje final, por ejemplo “Tienes mucha paciencia” o “Te has ganado un aplauso”.
· Si quieres cambiar la duración (actualmente 60 segundos), busca animation-delay: 60s; y animation: fillBar 60s linear forwards; y sustituye “60s” por el número de segundos que desees.
· Guarda el archivo y ábrelo para comprobar los cambios.
3. Cómo enviar el código
Una vez que hayas personalizado el mensaje, guarda los cambios y comparte el archivo con quien quieras. Algunas formas recomendadas:
- WhatsApp: Envíalo como documento adjunto.
- Correo electrónico: Adjunta el archivo con un mensaje divertido.
- Google Drive: Sube el archivo y comparte el enlace de descarga.
Enlace de descarga
Haz clic en el botón para desargar el archivo:
Deja una respuesta