dennii/Connect-5
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/Connect-5.git synced 2026-04-20 09:16:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI: Significantly enhance last move highlight with pulse and glow

Browse Source
This commit is contained in:
DeNNiiInc
2025-12-23 22:18:17 +11:00
parent 74de333006
commit d48885c1db
1 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
styles.css
View File

@@ -1237,8 +1237,38 @@ body {
font-weight: 500; font-weight: 500;
} }
@media (max-width: 768px) {
.sql-error-details { .sql-error-details {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
/* Last Move Highlight - Enhanced */
.cell.latest-move {
background: rgba(255, 255, 255, 0.1);
box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.1);
border-radius: 4px;
}
.cell.latest-move::after {
animation: movePulse 2s ease-out forwards;
z-index: 10;
}
@keyframes movePulse {
0% {
filter: brightness(3.0) drop-shadow(0 0 15px white);
transform: scale(1.3);
}
15% {
filter: brightness(2.5) drop-shadow(0 0 10px white);
transform: scale(1.1);
}
50% {
filter: brightness(1.5) drop-shadow(0 0 5px currentColor);
transform: scale(1.05);
}
100% {
filter: brightness(1.0) drop-shadow(0 0 0 transparent);
transform: scale(1.0);
}
}