From b828cb3d87f5fa0b24a0622b1000a48f123ae5ae Mon Sep 17 00:00:00 2001 From: Ade Thompson Date: Mon, 25 Aug 2025 18:48:06 +0100 Subject: [PATCH] Updated animation --- html/index.html | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) 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; } }