diff --git a/html/index.html b/html/index.html index 67633dd..e03acf2 100644 --- a/html/index.html +++ b/html/index.html @@ -27,16 +27,19 @@ animation: launch 4s ease-in-out infinite; } + /* 🚀 Rocket diagonal takeoff */ @keyframes launch { 0% { transform: translate(0, 0); opacity: 1; } - 70% { transform: translate(200px, -200px); opacity: 1; } - 100% { transform: translate(400px, -400px); opacity: 0; } + 60% { transform: translate(200px, -200px); opacity: 1; } + 100% { transform: translate(500px, -500px) scale(1.2); opacity: 0; } } + /* 📉 Text drops quickly off-screen + fades */ @keyframes textShift { - 0% { transform: translateY(0); } - 70% { transform: translateY(30px); } /* faster drop while rocket rises */ - 100% { transform: translateY(50px); } /* ends lower, exaggerating zoom effect */ + 0% { transform: translateY(0); opacity: 1; } + 40% { transform: translateY(20px); opacity: 1; } + 60% { transform: translateY(80px); opacity: 0.8; } + 100% { transform: translateY(300px); opacity: 0; } }