feat: add glowing effect to active player's pieces
All checks were successful
Deploy c4 / deploy (push) Successful in 42s

Pulsing box-shadow on the current turn's placed pieces makes the
turn state visible directly on the board rather than only in the
status banner.
This commit is contained in:
Ryan Hamamura
2026-02-13 12:34:19 -10:00
parent c541ba56d4
commit 968c2cdb61
3 changed files with 43 additions and 2 deletions

View File

@@ -1560,9 +1560,31 @@
.cell.yellow {
background: #2a4545;
}
.cell.red.active-turn {
animation: glow-red 1.5s ease-in-out infinite alternate;
}
.cell.yellow.active-turn {
animation: glow-yellow 1.5s ease-in-out infinite alternate;
}
.cell.winning {
animation: pulse 0.5s ease-in-out infinite alternate;
}
@keyframes glow-red {
from {
box-shadow: 0 0 4px rgba(74, 42, 58, 0.3);
}
to {
box-shadow: 0 0 12px rgba(74, 42, 58, 0.7);
}
}
@keyframes glow-yellow {
from {
box-shadow: 0 0 4px rgba(42, 69, 69, 0.3);
}
to {
box-shadow: 0 0 12px rgba(42, 69, 69, 0.7);
}
}
@keyframes pulse {
from {
transform: scale(1);