mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-05 20:58:22 +08:00
db976bba68
- Add lang field for all *.md files' frontmatters
822 B
822 B
title | lang |
---|---|
Built-in Transitions | en-US |
Built-in Transition
You can use Element's built-in transitions directly. Before that, please read the transition docs.
Fade
:::demo We have two fading effects: el-fade-in-linear
and el-fade-in
.
transition/fade
:::
Zoom
:::demo el-zoom-in-center
, el-zoom-in-top
and el-zoom-in-bottom
are provided.
transition/zoom
:::
Collapse
For collapse effect, use the el-collapse-transition
component.
:::demo
transition/collapse
:::
On-demand import
// 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)