apt/docker-test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated animation

Browse Source
This commit is contained in:
Ade Thompson
2025-08-25 18:48:06 +01:00
parent 0d5d2e3e71
commit b828cb3d87
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
html/index.html
View File

@@ -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; }
}
</style>
</head>