Merge pull request #8 from abboahene/main

Fixes site animation demos not working
anubra266 · Mar 16, 2024 · edf9ac7 · edf9ac7
2 parents dedea88 + 67211aa
commit edf9ac7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/packages/animated-pandacss/src/index.ts b/packages/animated-pandacss/src/index.ts
@@ -5,7 +5,9 @@ import { keyframes } from './keyframes'
 
 const preset: Preset = definePreset({
   theme: {
-    keyframes,
+    extend: {
+      keyframes,
+    },
   },
   utilities: {
     extend: {

diff --git a/packages/animated-pandacss/src/keyframes.ts b/packages/animated-pandacss/src/keyframes.ts
@@ -544,28 +544,22 @@ export const keyframes = defineKeyframes({
   },
   flip: {
     '0%': {
-      WebkitTransform: 'perspective(400px) scaleX(1) translateZ(0)      rotateY(-1turn)',
       transform: 'perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)',
       animationTimingFunction: 'ease-out',
     },
     '40%': {
-      WebkitTransform: 'perspective(400px) scaleX(1) translateZ(150px)      rotateY(-190deg)',
       transform: 'perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)',
       animationTimingFunction: 'ease-out',
     },
     '50%': {
-      WebkitTransform: 'perspective(400px) scaleX(1) translateZ(150px)      rotateY(-170deg)',
       transform: 'perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)',
       animationTimingFunction: 'ease-in',
     },
     '80%': {
-      WebkitTransform:
-        'perspective(400px) scale3d(0.95, 0.95, 0.95)      translateZ(0) rotateY(0deg)',
       transform: 'perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)      rotateY(0deg)',
       animationTimingFunction: 'ease-in',
     },
     to: {
-      WebkitTransform: 'perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)',
       transform: 'perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)',
       animationTimingFunction: 'ease-in',
     },