组件动画

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

组件动画#

通过设置组件的 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
notification 通知框 move-right & slide-up
dropdown 下拉菜单 slide-up
select 选择框 slide-up
datepicker 日期选择框 slide-up
alert 警告提示 slide-up
menu 导航菜单 slide-up
datepicker 日期选择框 slide-up