组件动画

Ant Design 提供了一些预设的组件动画样式。

可以使用 rc-animate 的 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`
Badge	徽标数	`zoom`
message	信息提示条	`move-up`
notification	通知框	`move-right` & `slide-up`
Dropdown	下拉菜单	`slide-up`
Select	选择框	`slide-up`
Cascader	级联选择框	`slide-up`
TreeSelect	树选择框	`slide-up`
DatePicker	日期选择框	`slide-up`
TatePicker	日期选择框	`slide-up`
Alert	警告提示	`slide-up`
Menu	导航菜单	`slide-up`