add a button press effect

sergeiown · Jun 18, 2024 · ab7c189 · ab7c189
1 parent 95b56c2
commit ab7c189
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/index.css b/index.css
diff --git a/index.scss b/index.scss
@@ -107,6 +107,15 @@ body {
                 height: 35px;
                 flex: 1;
                 cursor: pointer;
+                transition: box-shadow 0.2s;
+
+                &:hover {
+                    box-shadow: 0 0 13px rgba(0, 0, 0, 0.4);
+                }
+
+                &:active {
+                    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
+                }
             }
         }