You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
# Motion
|
|
|
|
|
|
|
|
- category: CSS
|
|
|
|
- chinese: 动画样式
|
|
|
|
- order: 4
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
## 组件的动画
|
|
|
|
|
|
|
|
通过设置组件的 transitionName 指定组件动画
|
|
|
|
|
|
|
|
| 组件 | 中文名 | 采用动画 |
|
|
|
|
|--------------|---------------------|-------------------------------------------------|
|
|
|
|
| popover | 气泡浮出层 | `zoom-up` `zoom-down` `zoom-left` `zoom-right` |
|
|
|
|
| popconfirm | 气泡确认框 | `zoom-up` `zoom-down` `zoom-left` `zoom-right` |
|
|
|
|
| tooltip | 文字提示框 | `zoom-up` `zoom-down` `zoom-left` `zoom-right` |
|
|
|
|
| modal | 弹出框 | `zoom` |
|
|
|
|
| confirm | 弹出确认框 | `zoom` |
|
|
|
|
| message | 信息提示条 | `move-up` |
|
|
|
|
| dropdown | 下拉菜单 | `slide-up` |
|
|
|
|
| select | 选择框 | `slide-up` |
|
|
|
|
| datepicker | 日期选择框 | `slide-up` |
|
|
|
|
|