返回动画列表

右侧滑入

Slide In Right

元素从右侧滑入视口，适合侧面板、抽屉菜单和分屏布局的入场效果。

入场挂载时初级GPU 加速

预览

代码

持续时间

500ms

缓动函数

cubic-bezier(0.16, 1, 0.3, 1)

CSS 属性

opacity, transform

使用场景

Right-side drawer panel
Split-screen content reveal
Carousel slide transition
Notification panel entrance

相关动画

slide-in-left fade-in-up