返回动画列表

滑动切换

Slide Swap

新旧内容以水平滑动方式交替切换，旧内容滑出左侧的同时新内容从右侧滑入。

过渡手动中级GPU 加速

预览

代码

持续时间

400ms

缓动函数

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

CSS 属性

opacity, transform

使用场景

Step wizard navigation
Carousel slide transition
Tab panel switching
Onboarding flow steps

相关动画

crossfade slide-in-left slide-in-right