diff --git a/packages/toast/src/toast.vue b/packages/toast/src/toast.vue
index 0e9c89035..fff1f45e0 100644
--- a/packages/toast/src/toast.vue
+++ b/packages/toast/src/toast.vue
@@ -1,5 +1,5 @@
 <template>
-  <transition name="zan-toast">
+  <transition name="zan-toast-fade">
     <div class="zan-toast-wrapper" v-show="visible">
       <div class="zan-toast" :class="['zan-toast--' + displayStyle]">
         <!-- 只显示文字 -->
diff --git a/packages/zanui-css/src/toast.css b/packages/zanui-css/src/toast.css
index bf030c483..0ee5f2477 100644
--- a/packages/zanui-css/src/toast.css
+++ b/packages/zanui-css/src/toast.css
@@ -50,3 +50,7 @@
     }
   }
 }
+
+.zan-toast-fade-enter, .zan-toast-fade-leave-active {
+  opacity: 0;
+}