<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>
🔥 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>