🎉 Added icon button animation

2019-12-08 01:08:49 +05:30
parent 4d24d49a0b
commit c19c399508
3 changed files with 19 additions and 7 deletions
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -426,6 +426,22 @@ button {
  }
 }

+@keyframes beat {
+  30% {
+    transform: scale(1.1);
+  }
+  50% {
+    transform: scale(0.9);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.material-icons:active {
+  animation: beat 0.5s forwards 1;
+}
+
 fieldset {
  margin: 16px 0;
  border: 1px solid var(--brd-color);