diff --git a/components/badge/style/index.ts b/components/badge/style/index.ts
index bfa4f1870e..cb97d8af30 100644
--- a/components/badge/style/index.ts
+++ b/components/badge/style/index.ts
@@ -344,6 +344,7 @@ const genSharedBadgeStyle: GenerateStyle<BadgeToken> = (token) => {
       },
       [numberPrefixCls]: {
         overflow: 'hidden',
+        transition: `all ${token.motionDurationMid} ${token.motionEaseOutBack}`,
         [`${numberPrefixCls}-only`]: {
           position: 'relative',
           display: 'inline-block',