From 7c015e31c42177e553d86004f4bf0331f0c85ce8 Mon Sep 17 00:00:00 2001 From: Rafael Biehler Date: Sun, 29 Oct 2023 13:53:39 +0100 Subject: [PATCH] Match Button Wiggle --- DineDevineUI/src/pages/pages.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/DineDevineUI/src/pages/pages.css b/DineDevineUI/src/pages/pages.css index 61f672b5..181c0bcf 100644 --- 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; +} \ No newline at end of file