diff --git a/packages/theme-chalk/src/notification.scss b/packages/theme-chalk/src/notification.scss
index 40eddc12e2..b81f8ba65d 100644
--- a/packages/theme-chalk/src/notification.scss
+++ b/packages/theme-chalk/src/notification.scss
@@ -82,7 +82,7 @@
   }
 }
 
-.el-notification-fade-enter {
+.el-notification-fade-enter-from{
   &.right {
     right: 0;
     transform: translateX(100%);
@@ -93,7 +93,6 @@
     transform: translateX(-100%);
   }
 }
-
-.el-notification-fade-leave-active {
+.el-notification-fade-leave-to {
   opacity: 0;
 }