Retro html hacks

Vistas a la página totales

Cómo agregar un Mood del Día a tu blog estilo Y2K (HTML fácil + efecto retro)

 


 

💭 Mood del día estilo Y2K

Haz que tu blog tenga vida, brillo y personalidad 💖


✨ Ejemplo en vivo

💭 Mood del día

💖 Feliz

🎧 Escuchando: Lo-Fi Beats

✨ Bienvenido a mi blog ✨

📋 Código para copiar

Copia esto en tu blog o gadget HTML:

<div style="
background: linear-gradient(45deg, #ff00cc, #3333ff);
padding: 15px;
border: 2px solid white;
box-shadow: 0 0 20px #ff00cc;
width: 260px;
font-family: Verdana, sans-serif;
color: white;
animation: glowBox 2s infinite alternate;
">

<h3 style="margin:0 0 10px; animation: blinkText 1.5s infinite alternate;">
💭 Mood del día
</h3>

<p style="font-weight:bold; font-size:18px;">
💖 Feliz
</p>

<p style="font-size:12px;">
🎧 Escuchando: Tu canción
</p>

<marquee>✨ Bienvenido a mi blog ✨</marquee>

</div>

<style>
@keyframes glowBox {
  from { box-shadow: 0 0 10px #ff00cc; }
  to { box-shadow: 0 0 25px #00ffff; }
}

@keyframes blinkText {
  from { opacity: 1; }
  to { opacity: 0.4; }
}
</style>
---

💿 Personaliza tu mood

  • 💖 Feliz
  • 😴 Cansado
  • 💭 Pensativo
  • 🔥 Motivado
  • 💔 Melancólico

🚀 Tips Y2K reales

  • Usa <marquee> (clave retro)
  • Agrega más brillo y colores neón
  • Combina animación + texto emocional
  • No lo hagas perfecto, hazlo TUYO

Un blog Y2K no es limpio… es expresivo.

Y este tipo de detalles hacen que tu blog se sienta como un diario digital real 💿✨