update style on moving and locked

2023-06-16 00:23:08 +02:00
parent d615b6b72b
commit e6f238629a
4 changed files with 51 additions and 11 deletions
--- a/css/pop.css
+++ b/css/pop.css
@ -51,11 +51,28 @@ body {
    border-color: #ffadad;
 }

+.ghost.mino {
+    filter: brightness(150%) blur(2px);
+    opacity: 50%;
+}
+
+.moving.mino {
+    filter: brightness(120%);
+}
+
 .locking.mino {
    border-color: white;
    filter: blur(2px);
 }

-.ghost.mino {
-    filter: brightness(150%) blur(2px);
+@keyframes locked-animation {
+    from {
+        background: white;
+        border-color: white;
+    }
+}
+
+.locked.mino {
+    animation: locked-animation;
+    animation-duration: 0.2s;
 }