Enhance knocker highlight with glowing box-shadow animation
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:
parent
60997e8ad4
commit
86f5222746
@ -4449,6 +4449,13 @@ input::placeholder {
|
||||
.opponent-area.is-knocker {
|
||||
border: 2px solid #ff6b35;
|
||||
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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user