Match Button Wiggle

mostafa-elhaiany · Oct 29, 2023 · 7c015e3 · 7c015e3
1 parent 5436bcc
commit 7c015e3
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/DineDevineUI/src/pages/pages.css b/DineDevineUI/src/pages/pages.css
@@ -120,3 +120,15 @@
 .bottom-spacer {
     height: 2rem;
 }
+
+@keyframes wiggle {
+    0% { transform: rotate(0deg); }
+    80% { transform: rotate(0deg); }
+    85% { transform: rotate(3deg); }
+    95% { transform: rotate(-3deg); }
+    100% { transform: rotate(0deg); }
+}
+
+ion-button > img {
+    animation: wiggle 3.5s infinite;
+}