apunkt/ASCILINE
1
0
Fork 0
mirror of https://github.com/YusufB5/ASCILINE.git synced 2026-06-17 22:35:13 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat: added pause mechanism and updated user interface

Browse source
This commit is contained in:
YusufB5 2026-06-13 19:50:32 +03:00
parent f0a411e349
commit 444334cfba
2 changed files with 85 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

22
style.css
View file

@ -260,4 +260,26 @@ body {
border-radius: 50%;
border: none;
cursor: pointer;
}
/* ── PAUSE EFFECT ──────────────────────── */
@keyframes pause-tremble {
0%, 100% { transform: translate(0, 0); }
15% { transform: translate(0px, 1px); }
35% { transform: translate(1px, 0px); }
55% { transform: translate(1px, -1px); }
75% { transform: translate(0px, 0px); }
}
#player-container.paused {
filter: saturate(0.35) brightness(0.65) contrast(1.15);
cursor: pointer;
}
#player-container.paused #ascii-canvas,
#player-container.paused #ascii-player {
animation: pause-tremble 0.12s steps(3) infinite;
}
#player-container.paused #ascii-player {
pointer-events: none;
}