内置过渡动画 ​

Element Plus 内应用在部分组件的过渡动画，你也可以直接使用。 在使用之前，请阅读 官方的过渡组件文档。

Fade 淡入淡出 ​

提供 el-fade-in-linear 和 el-fade-in 两种效果。

.el-fade-in-linear
.el-fade-in

Zoom 缩放 ​

提供 el-zoom-in-center，el-zoom-in-top 和 el-zoom-in-bottom 三种效果。

.el-zoom-in-center
.el-zoom-in-top
.el-zoom-in-bottom

Collapse 折叠面板 ​

使用 el-collapse-transition 组件实现折叠展开效果。

el-collapse-transition
el-collapse-transition

按需导入 ​

ts
// collapse
import { ElCollapseTransition } from 'element-plus'
// fade/zoom
import 'element-plus/lib/theme-chalk/base.css'
import App from './App.vue'

const app = createApp(App)
app.component(ElCollapseTransition.name, ElCollapseTransition)