adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

stripe line clear animation

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-12-23 03:02:17 +01:00
parent e1992f4c1e
commit d56a8a6b06
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/pop.css
View File

@ -93,3 +93,27 @@ tr.matrix td:not(.mino) {
animation: locked-animation;
animation-duration: 0.2s;
}
tr.cleared-line-animation {
animation: none;
}
tr.cleared-line-animation::after {
content: "";
width: 100%;
height: var(--cell-side);
position: fixed;
left: 50%;
transform: translateX(-50%);
display: block;
background: repeating-linear-gradient(transparent, #fffb 1px);
opacity: 0;
animation: cleared-line-animation ease-out .3s;
}
@keyframes cleared-line-animation {
25% {
width: 200%;
opacity: 100%;
}
}