diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 63034b05..2bba2c90 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -17,6 +17,7 @@
         <h3>0.4.1 <span class="layui-badge-rim">2022-03-17</span></h3> 
         <ul>
           <li>[新增] transition 组件 type 属性, 默认为 collapse 过渡。</li>
+          <li>[新增] transition 组件 type 属性 fade 值, 提供淡出淡入效果。</li>
         </ul> 
       </li>
     </ul>
diff --git a/src/component/transition/fadeTransition.vue b/src/component/transition/fadeTransition.vue
index 4a39085d..bb0e9045 100644
--- a/src/component/transition/fadeTransition.vue
+++ b/src/component/transition/fadeTransition.vue
@@ -5,16 +5,16 @@
 </template>
 
 <style>
-.fade-enter {
-  opacity: 0;
-}
-.fade-enter-active {
-  transition: opacity 1s;
-}
+.fade-enter-from,
 .fade-leave-to {
   opacity: 0;
 }
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+.fade-enter-active,
 .fade-leave-active {
-  transition: opacity 1s;
+  transition: opacity 1s ease;
 }
 </style>