diff --git a/src/core/theme.ts b/src/core/theme.ts
index 45dc5c5..2ecb90a 100644
--- a/src/core/theme.ts
+++ b/src/core/theme.ts
@@ -7,7 +7,12 @@ import type { MapLeafNodes, WithOptionalLayer } from "./types";
 export type Theme = WithOptionalLayer<MapLeafNodes<typeof themeVars, string>>;
 
 export const overlayAppear = "overlay-appear";
-export const animation = `200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running ${overlayAppear}`;
+export const animation = {
+  animation: overlayAppear,
+  animationDuration: "80ms",
+  animationFillMode: "forwards",
+  animationTimingFunction: "ease-in",
+};
 export const overlayAppearDown = "overlay-appear-down";
 export const animationDown = `200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running ${overlayAppearDown}`;
 export const overlayAppearUp = "overlay-appear-up";
diff --git a/styles/public/tippy.ts b/styles/public/tippy.ts
index 23c3d3c..258fca6 100644
--- a/styles/public/tippy.ts
+++ b/styles/public/tippy.ts
@@ -43,7 +43,7 @@ export const tippyBox = css`
     }
     // 专门用于提示信息的提示框, 比如提交的具体时间, 任务状态等
     &[data-theme="tooltip"] {
-      animation: ${animation};
+      ${animation};
       .tippy-content {
         font-size: 12px;
         font-weight: 400;