animation repeater fix

kadena-community · Nov 1, 2023 · 721e4cc · 721e4cc
1 parent 8a37879
commit 721e4cc
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/src/styles/page.css.ts b/src/styles/page.css.ts
@@ -12,10 +12,16 @@ export const fadeIn = keyframes({
 })
 
 export const fadeOut = keyframes({
-  '100%': {
+  '0%': {
+    opacity: 1,
+  },
+  '50%': {
     opacity: 0,
   },
-  '0%': {
+  '90%': {
+    opacity: 0,
+  },
+  '100%': {
     opacity: 1,
   },
 })
@@ -240,10 +246,10 @@ export const titleH5 = style({
   },
 })
 
-   export const fadeAfter = style({
-    animationName: fadeOut,
-    animationDuration: '400ms',
-    animationFillMode: 'forwards',
-    animationTimingFunction: 'ease-in',
-    animationDelay: 9000 + 'ms',
-  })
+export const fadeAfter = style({
+  animationName: fadeOut,
+  animationDuration: '2000ms',
+  animationFillMode: 'forwards',
+  animationTimingFunction: 'ease-in',
+  animationDelay: '9s',
+})