Back to Animations
Slide In Right
右侧滑入
Element slides in from the right side. Ideal for side panels, drawer menus, and split-screen layouts.
EntranceOn MountBeginnerGPU Accelerated
Preview
Code
Duration
500ms
Easing
cubic-bezier(0.16, 1, 0.3, 1)
CSS Properties
opacity, transform
Use Cases
- Right-side drawer panel
- Split-screen content reveal
- Carousel slide transition
- Notification panel entrance