gauvain/star-wars-wild-space
Private
Public Access
1
0
Fork 0
Code Activity

fix: Better animations for actions

Browse Source
This commit is contained in:
gauvainboiche
2026-04-01 19:32:31 +02:00
parent ddd5f6ae72
commit 19483178a4
2 changed files with 39 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/style.css
View File

@@ -1299,27 +1299,11 @@ canvas {
/* ── Map action animation ─────────────────────────────────────────────────── */
@keyframes mapAnimPop {
0% { transform: translate(-50%, -50%) scale(0.1); opacity: 0; }
20% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
80% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0; }
}
.mapAnim {
.mapAnimFloat {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 88px;
line-height: 1;
pointer-events: none;
z-index: 20;
display: none;
user-select: none;
}
.mapAnim--active {
display: block;
animation: mapAnimPop 0.5s ease-out forwards;
white-space: nowrap;
}