Merge pull request #50 from nzkdevsaider/feature/new-anim-scale

feature(scale): add the "scale" animation.
midudev · Feb 15, 2024 · 66e7c18 · 66e7c18
2 parents 6a37bef + 8150dda
commit 66e7c18
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/theme.js b/src/theme.js
@@ -29,6 +29,7 @@ export default {
     flash: 'flash 1s ease-in-out both',
     jiggle: 'jiggle 0.5s ease-in-out both',
     'rubber-band': 'rubber-band 1s ease-in-out both',
+    scale: 'scale 0.6s ease-out both',
     'slide-in-left': 'slide-in-left 0.6s ease-out both',
     'slide-in-right': 'slide-in-right 0.6s ease-out both',
     'slide-out-left': 'slide-out-left 0.6s ease-out both',
@@ -222,6 +223,10 @@ export default {
       '75%': { transform: 'scale(1.05)' },
       '100%': { transform: 'scale(1)' }
     },
+    scale: {
+      '0%': { transform: 'scale(1)' },
+      '100%': { transform: 'scale(1.10)' }
+    },
     'slide-in-left': {
       '0%': { transform: 'translateX(-20px)' },
       '100%': { transform: 'translateX(0)' }