Back to Animations
Slide Swap
滑动切换
Content swaps with a horizontal slide: old slides out left while new slides in from the right.
TransitionManualIntermediateGPU Accelerated
Preview
Code
Duration
400ms
Easing
cubic-bezier(0.16, 1, 0.3, 1)
CSS Properties
opacity, transform
Use Cases
- Step wizard navigation
- Carousel slide transition
- Tab panel switching
- Onboarding flow steps