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; animation: launch 4s ease-in-out infinite;
} }
/* 🚀 Rocket diagonal takeoff */
@keyframes launch { @keyframes launch {
0% { transform: translate(0, 0); opacity: 1; } 0% { transform: translate(0, 0); opacity: 1; }
70% { transform: translate(200px, -200px); opacity: 1; } 60% { transform: translate(200px, -200px); opacity: 1; }
100% { transform: translate(400px, -400px); opacity: 0; } 100% { transform: translate(500px, -500px) scale(1.2); opacity: 0; }
} }
/* 📉 Text drops quickly off-screen + fades */
@keyframes textShift { @keyframes textShift {
0% { transform: translateY(0); } 0% { transform: translateY(0); opacity: 1; }
70% { transform: translateY(30px); } /* faster drop while rocket rises */ 40% { transform: translateY(20px); opacity: 1; }
100% { transform: translateY(50px); } /* ends lower, exaggerating zoom effect */ 60% { transform: translateY(80px); opacity: 0.8; }
100% { transform: translateY(300px); opacity: 0; }
} }
</style> </style>
</head> </head>