x; align-items: flex-end; justify-content: center; gap: 3px; height: 20px; opacity: 0; animation: splash-fade-in 0.35s ease-out 0.85s forwards; } #splash-eq .b { width: 3px; border-radius: 2px; background: var(--accent, #e31937); opacity: 0.65; transform-origin: bottom; } /* Negative delays start bars mid-cycle so they're at different heights immediately */ #splash-eq .b:nth-child(1) { height: 12px; animation: eq-bar 0.65s ease-in-out -0.10s alternate infinite; } #splash-eq .b:nth-child(2) { height: 20px; animation: eq-bar 0.50s ease-in-out -0.25s alternate infinite; } #splash-eq .b:nth-child(3) { height: 14px; animation: eq-bar 0.80s ease-in-out 0.00s alternate infinite; } #splash-eq .b:nth-child(4) { height: 20px; animation: eq-bar 0.55s ease-in-out -0.40s alternate infinite; } #splash-eq .b:nth-child(5) { height: 8px; animation: eq-bar 0.70s ease-in-out -0.15s alternate infinite; } /* ── Subtitle ───────────────────────────────────── */ #splash-subtitle { font-size: 0.6rem; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: var(--foreground-muted, #888); text-align: center; opacity: 0; /* Animation added by JS after fonts are loaded to prevent FOUT */ white-space: nowrap; } /* ── Keyframes ────────────────────────────────────── */ @keyframes splash-logo-in { to { opacity: 1; transform: scale(1); } } @keyframes splash-fade-up { to { opacity: 1; transform: translateY(0); } } @keyframes splash-fade-in { to { opacity: 1; } } @keyframes eq-bar { from { transform: scaleY(0.2); } to { transform: scaleY(1); } } @keyframes splash-fly-up { to { transform: translateY(-30vh) scale(0.55); opacity: 0; } } @keyframes splash-fade-out { to { opacity: 0; visibility: hidden; } }

Les Mills Tracks

お気に入りのワークアウトミュージック

リリースを比較

リリースを比較