Add pop clear animation for cleared chains
This commit is contained in:
18
styles.css
18
styles.css
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user