diff --git a/components/modal/ConfirmDialog.tsx b/components/modal/ConfirmDialog.tsx
index a9e3b86245..7874e8c8da 100644
--- a/components/modal/ConfirmDialog.tsx
+++ b/components/modal/ConfirmDialog.tsx
@@ -42,8 +42,8 @@ const ConfirmDialog: FunctionalComponent<ConfirmDialogProps> = props => {
   const okText = props.okText || (okCancel ? runtimeLocale.okText : runtimeLocale.justOkText);
   const cancelText = props.cancelText || runtimeLocale.cancelText;
   const autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';
-  const transitionName = props.transitionName || 'zoom';
-  const maskTransitionName = props.maskTransitionName || 'fade';
+  const transitionName = props.transitionName || 'ant-zoom';
+  const maskTransitionName = props.maskTransitionName || 'ant-fade';
 
   const classString = classNames(
     contentPrefixCls,
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index 6cf4412a25..3b4961c0ca 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -153,8 +153,8 @@ export default defineComponent({
   inheritAttrs: false,
   props: initDefaultProps(modalProps, {
     width: 520,
-    transitionName: 'zoom',
-    maskTransitionName: 'fade',
+    transitionName: 'ant-zoom',
+    maskTransitionName: 'ant-fade',
     confirmLoading: false,
     visible: false,
     okType: 'primary',