refactor(styles): update flip animation

mikesprague · May 19, 2024 · 9cd03e8 · 9cd03e8
1 parent 144f482
commit 9cd03e8
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/styles.scss b/src/styles.scss
@@ -166,18 +166,18 @@ svg.icon {
 }
 
 /* animations from https://animista.net/ */
-.flip-vertical-right {
-  animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955)
+.flip-horizontal {
+  animation: flip-horizontal 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955)
     reverse both;
 }
 
-@keyframes flip-vertical-right {
+@keyframes flip-horizontal {
   0% {
-    transform: rotateY(0);
+    transform: rotateX(0);
   }
 
   100% {
-    transform: rotateY(180deg);
+    transform: rotateX(-180deg);
   }
 }