.

src/styles/animate.css

@@ -40,6 +40,12 @@
     -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
     animation-iteration-count: calc(var(--animate-repeat) * 3);
 }
+.animate__animated.animate__repeat-10 {
+    -webkit-animation-iteration-count: 10;
+    animation-iteration-count: 10;
+    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 10);
+    animation-iteration-count: calc(var(--animate-repeat) * 10);
+}
 .animate__animated.animate__delay-1s {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;

src/views/TabsPage.vue

@@ -4,7 +4,7 @@
             <img
                 :src="tabIconRank"
                 @click="goRank"
-                class="btn-float animate__wobble animate__animated animate__infinite"
+                class="btn-float animate__tada animate__animated animate__repeat-10"
                 alt=""
             />
             <ion-router-outlet></ion-router-outlet>