From 512d31cb797ea8c8f882de187faf16147d4a0812 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9F=A5=E6=99=93=E5=90=8C=E4=B8=B6?=
 <zhixiaotong.me@qq.com>
Date: Fri, 22 Nov 2024 15:11:50 +0800
Subject: [PATCH] docs: makeup built-in zoom-in-left transition (#18987)

---
 docs/en-US/guide/transitions.md    | 2 +-
 docs/examples/transitions/zoom.vue | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/en-US/guide/transitions.md b/docs/en-US/guide/transitions.md
index 980a78cebe..42f8523c6c 100644
--- a/docs/en-US/guide/transitions.md
+++ b/docs/en-US/guide/transitions.md
@@ -18,7 +18,7 @@ transitions/fade
 
 ## Zoom
 
-:::demo `el-zoom-in-center`, `el-zoom-in-top` and `el-zoom-in-bottom` are provided.
+:::demo `el-zoom-in-left`, `el-zoom-in-center`, `el-zoom-in-top` and `el-zoom-in-bottom` are provided.
 
 transitions/zoom
 
diff --git a/docs/examples/transitions/zoom.vue b/docs/examples/transitions/zoom.vue
index 0e607abcda..37c389867b 100644
--- a/docs/examples/transitions/zoom.vue
+++ b/docs/examples/transitions/zoom.vue
@@ -3,6 +3,10 @@
     <el-button @click="show = !show">Click Me</el-button>
 
     <div style="display: flex; margin-top: 20px; height: 100px">
+      <transition name="el-zoom-in-left">
+        <div v-show="show" class="transition-box">.el-zoom-in-left</div>
+      </transition>
+
       <transition name="el-zoom-in-center">
         <div v-show="show" class="transition-box">.el-zoom-in-center</div>
       </transition>