alee/golfgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance knocker highlight with glowing box-shadow animation

Browse Source 
Makes the red border on the knocker's area more visible, especially
for opponents on mobile where the area is small.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 19:26:09 -05:00
parent 60997e8ad4
commit 86f5222746
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/style.css
View File

@ -4449,6 +4449,13 @@ input::placeholder {
.opponent-area.is-knocker { .opponent-area.is-knocker {
border: 2px solid #ff6b35; border: 2px solid #ff6b35;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 0 12px 3px rgba(255, 107, 53, 0.4);
animation: knocker-glow 2s ease-in-out infinite;
}
@keyframes knocker-glow {
0%, 100% { box-shadow: 0 0 12px 3px rgba(255, 107, 53, 0.4); }
50% { box-shadow: 0 0 20px 6px rgba(255, 107, 53, 0.6); }
} }
.knocker-badge { .knocker-badge {