diff --git a/.dumi/pages/index/components/RecommendsOld.tsx b/.dumi/pages/index/components/RecommendsOld.tsx
index 6532f54101..97f9fdd844 100644
--- a/.dumi/pages/index/components/RecommendsOld.tsx
+++ b/.dumi/pages/index/components/RecommendsOld.tsx
@@ -35,7 +35,7 @@ const useStyle = () => {
         }
 
         .intro {
-          transform: translateY(0);
+          transform: translate3d(0, 0, 0);
 
           h4${token.antCls}-typography {
             padding-bottom: 0;
@@ -48,7 +48,7 @@ const useStyle = () => {
         right: 0;
         bottom: 0;
         left: 0;
-        transform: translateY(100%);
+        transform: translate3d(0, 100%, 0);
         transition: all ${token.motionDurationSlow};
 
         ${token.antCls}-typography {
@@ -62,7 +62,7 @@ const useStyle = () => {
         h4${token.antCls}-typography {
           position: absolute;
           padding: 0 ${token.paddingMD}px ${token.paddingMD}px;
-          transform: translateY(-100%);
+          transform: translate3d(0, -100%, 0);
         }
 
         div${token.antCls}-typography {
diff --git a/.dumi/pages/index/components/Theme/index.tsx b/.dumi/pages/index/components/Theme/index.tsx
index 8fab578dd7..2d28f92dba 100644
--- a/.dumi/pages/index/components/Theme/index.tsx
+++ b/.dumi/pages/index/components/Theme/index.tsx
@@ -164,7 +164,7 @@ const useStyle = () => {
 
     logoImgPureColor: css`
       img {
-        transform: translateX(-30px);
+        transform: translate3d(-30px, 0, 0);
       }
     `,
 
@@ -512,7 +512,7 @@ export default function Theme() {
               style={{
                 ...posStyle,
                 left: '50%',
-                transform: 'translateX(-900px)',
+                transform: 'translate3d(-900px, 0, 0)',
                 top: -100,
                 height: 500,
               }}
@@ -523,7 +523,7 @@ export default function Theme() {
               style={{
                 ...posStyle,
                 right: '50%',
-                transform: 'translateX(750px)',
+                transform: 'translate3d(750px, 0, 0)',
                 bottom: -100,
                 height: 287,
               }}
diff --git a/.dumi/theme/layouts/ResourceLayout/AffixTabs.tsx b/.dumi/theme/layouts/ResourceLayout/AffixTabs.tsx
index 61c7be1447..cb7b5d3846 100644
--- a/.dumi/theme/layouts/ResourceLayout/AffixTabs.tsx
+++ b/.dumi/theme/layouts/ResourceLayout/AffixTabs.tsx
@@ -21,7 +21,7 @@ const useStyle = () => {
       padding: 0 40px;
       background: #fff;
       box-shadow: ${boxShadowSecondary};
-      transform: translateY(-100%);
+      transform: translate3d(0, -100%, 0);
       opacity: 0;
       transition: opacity 0.3s, transform 0.3s;
 
@@ -43,7 +43,7 @@ const useStyle = () => {
       }
     `,
     affixTabsFixed: css`
-      transform: translateY(0);
+      transform: translate3d(0, 0, 0);
       opacity: 1;
     `,
   };