返回动画列表

右侧滑出

Slide Out Right

元素向右侧滑出视口并消失，适合侧面板关闭、抽屉菜单收起等退场效果。

退场点击时初级GPU 加速

预览

代码

持续时间

400ms

缓动函数

cubic-bezier(0.4, 0, 1, 1)

CSS 属性

opacity, transform

使用场景

Side panel closing
Drawer menu dismiss
Card swipe-to-dismiss
Page transition exit

相关动画

slide-in-left slide-in-right fade-out-down