Cartello: finché il browser aspetta il tocco per il suono, le scritte restano ferme e si vede solo «Tocca per cominciare» (prima era invisibile); al tocco partono insieme alla musichetta, e «(Poca)» cade sul suo rumorino (Andrea: «era carino che il suono comparisse appena si vedeva»)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01A1dxvtsZx8NE9fwjXUNDBr
This commit is contained in:
@@ -166,7 +166,10 @@ body.full #sound { position: fixed; z-index: 13; top: max(8px, env(safe-area-ins
|
||||
#splash .splash-present { font-size: clamp(12px, 2.6vw, 26px); }
|
||||
/* Compare solo se il browser aspetta un gesto per il suono (#splash.wait, main.js). */
|
||||
#splash .splash-hint { display: none; margin-top: 2em; font-size: clamp(9px, 1.6vw, 14px); color: var(--dim); animation: blink 1.6s steps(1) infinite; }
|
||||
#splash.wait .splash-hint { display: block; }
|
||||
#splash.wait .splash-hint { display: block; opacity: 1; }
|
||||
/* Finché si aspetta il tocco le scritte restano ferme all'inizio: partono insieme alla musichetta, e la caduta di
|
||||
«(Poca)» cade sul suo rumorino (Andrea, 26 ottobre). */
|
||||
#splash.wait .splash-name, #splash.wait .splash-art, #splash.wait .splash-art span, #splash.wait .splash-present { animation-play-state: paused; }
|
||||
@keyframes blink { 50% { opacity: .25; } }
|
||||
#title .subtitle { font-size: max(10px, calc(var(--u) * 1.8)); }
|
||||
#title .dedication { font-size: max(9px, calc(var(--u) * 1.5)); }
|
||||
|
||||
Reference in New Issue
Block a user