diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index b92f1866e..695a63dd1 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -157,8 +157,6 @@ export default defineComponent({
   inheritAttrs: false,
   props: initDefaultProps(modalProps(), {
     width: 520,
-    transitionName: 'zoom',
-    maskTransitionName: 'fade',
     confirmLoading: false,
     okType: 'primary',
   }),
diff --git a/components/popconfirm/index.tsx b/components/popconfirm/index.tsx
index 10978e869..1682c0853 100644
--- a/components/popconfirm/index.tsx
+++ b/components/popconfirm/index.tsx
@@ -55,7 +55,6 @@ const Popconfirm = defineComponent({
   props: initDefaultProps(popconfirmProps(), {
     ...tooltipDefaultProps(),
     trigger: 'click',
-    transitionName: 'zoom-big',
     placement: 'top',
     mouseEnterDelay: 0.1,
     mouseLeaveDelay: 0.1,
diff --git a/components/popover/index.tsx b/components/popover/index.tsx
index 4f7e7b7c6..a391f152c 100644
--- a/components/popover/index.tsx
+++ b/components/popover/index.tsx
@@ -27,7 +27,6 @@ const Popover = defineComponent({
   props: initDefaultProps(popoverProps(), {
     ...tooltipDefaultProps(),
     trigger: 'hover',
-    transitionName: 'zoom-big',
     placement: 'top',
     mouseEnterDelay: 0.1,
     mouseLeaveDelay: 0.1,
diff --git a/components/tooltip/Tooltip.tsx b/components/tooltip/Tooltip.tsx
index 2ac70d54e..f19eca483 100644
--- a/components/tooltip/Tooltip.tsx
+++ b/components/tooltip/Tooltip.tsx
@@ -21,6 +21,7 @@ import raf from '../_util/raf';
 import { parseColor } from './util';
 export type { AdjustOverflow, PlacementsConfig } from '../_util/placements';
 import useStyle from './style';
+import { getTransitionName } from '../_util/transition';
 
 // https://github.com/react-component/tooltip
 // https://github.com/yiminghe/dom-align
@@ -55,7 +56,6 @@ export const tooltipProps = () => ({
 
 export const tooltipDefaultProps = () => ({
   trigger: 'hover',
-  transitionName: 'zoom-big-fast',
   align: {},
   placement: 'top',
   mouseEnterDelay: 0.1,
@@ -72,7 +72,6 @@ export default defineComponent({
   inheritAttrs: false,
   props: initDefaultProps(tooltipProps(), {
     trigger: 'hover',
-    transitionName: 'zoom-big-fast',
     align: {},
     placement: 'top',
     mouseEnterDelay: 0.1,
@@ -96,7 +95,10 @@ export default defineComponent({
       });
     }
 
-    const { prefixCls, getPopupContainer, direction } = useConfigInject('tooltip', props);
+    const { prefixCls, getPopupContainer, direction, rootPrefixCls } = useConfigInject(
+      'tooltip',
+      props,
+    );
     const mergedOpen = computed(() => props.open ?? props.visible);
     const innerOpen = ref(firstNotUndefined([props.open, props.visible]));
 
@@ -284,6 +286,11 @@ export default defineComponent({
         overlayInnerStyle: formattedOverlayInnerStyle,
         onVisibleChange: handleVisibleChange,
         onPopupAlign,
+        transitionName: getTransitionName(
+          rootPrefixCls.value,
+          'zoom-big-fast',
+          props.transitionName,
+        ),
       };
       return wrapSSR(
         <VcTooltip