From d56a8a6b066fea72adf7954dad2f0dc0165c5a0d Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Sat, 23 Dec 2023 03:02:17 +0100
Subject: [PATCH] stripe line clear animation

---
 css/pop.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/css/pop.css b/css/pop.css
index 5f03d18..0da649c 100644
--- a/css/pop.css
+++ b/css/pop.css
@@ -92,4 +92,28 @@ tr.matrix td:not(.mino) {
 .locked.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%;
+    }
 }
\ No newline at end of file