Add pop clear animation for cleared chains

This commit is contained in:
Daddy32
2025-12-16 20:21:58 +01:00
parent c4053ad8b7
commit 065023abb4
6 changed files with 169 additions and 14 deletions

View File

@@ -202,6 +202,24 @@ canvas {
inset: 0;
pointer-events: none;
}
.clear-effects {
position: absolute;
inset: 0;
pointer-events: none;
overflow: visible;
z-index: 2;
}
.clear-effect {
position: absolute;
transform-origin: center;
border: 2px solid rgba(11, 18, 34, 0.9);
box-shadow:
0 0 18px rgba(255, 255, 255, 0.22),
0 10px 24px rgba(0, 0, 0, 0.28);
filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.18));
pointer-events: none;
mix-blend-mode: screen;
}
.floating-message {
position: absolute;
display: inline-flex;