mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-04-06 16:30:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: makeup built-in zoom-in-left transition (#18987)

Browse Source
This commit is contained in:
知晓同丶 2024-11-22 15:11:50 +08:00 committed by GitHub
parent 9bf729fbeb
commit 512d31cb79
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/en-US/guide/transitions.md
View File

@ -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

4
docs/examples/transitions/zoom.vue
View File

@ -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>