Skip to content

Suscribirte siuuuuuuuuu #2

@joseleonelgomezalvarez028-sketch

Description

<title>Suscríbete - Siuuuuu</title> <style> body { margin: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background: radial-gradient(circle, #111, #000); overflow: hidden; color: #fff; font-family: 'Arial Black', sans-serif; } h1 { font-size: 70px; color: #ff0000; text-shadow: 0 0 20px #ff0000, 0 0 40px #ff3333, 0 0 60px #ff6666; animation: glow 1.5s infinite alternate; } p { font-size: 40px; animation: bounce 1.2s infinite; } .btn { margin-top: 30px; padding: 20px 50px; font-size: 28px; font-weight: bold; color: white; background: linear-gradient(90deg, red, darkred); border-radius: 15px; text-decoration: none; box-shadow: 0 0 20px rgba(255,0,0,0.8); transition: transform 0.3s, box-shadow 0.3s; } .btn:hover { transform: scale(1.2); box-shadow: 0 0 30px rgba(255,0,0,1); }
/* Animaciones */
@keyframes glow {
  from { text-shadow: 0 0 10px red, 0 0 20px darkred; }
  to { text-shadow: 0 0 30px #ff3333, 0 0 60px #ff6666; }
}
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

/* Efecto fuegos artificiales */
.firework {
  position: absolute;
  width: 5px;
  height: 5px;
  background: white;
  border-radius: 50%;
  animation: explode 1s forwards;
}
@keyframes explode {
  to {
    transform: translate(var(--x), var(--y));
    opacity: 0;
  }
}
</style>

🔥 Suscríbete 🔥

SIUUUUUU ⚡

👉 SUSCRÍBETE AQUÍ 👈 <script> // Generador de fuegos artificiales 🎆 function createFirework() { const firework = document.createElement("div"); firework.className = "firework"; firework.style.left = Math.random() * window.innerWidth + "px"; firework.style.top = Math.random() * window.innerHeight + "px"; firework.style.setProperty("--x", (Math.random() * 200 - 100) + "px"); firework.style.setProperty("--y", (Math.random() * 200 - 100) + "px"); document.body.appendChild(firework); setTimeout(() => firework.remove(), 1000); } setInterval(createFirework, 200); </script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions