Back to Animations
Fade In Down
淡入下滑
Element fades in while sliding downward. Commonly used for navbars and dropdown menus.
EntranceOn MountBeginnerGPU Accelerated
Preview
Code
Duration
600ms
Easing
cubic-bezier(0.16, 1, 0.3, 1)
CSS Properties
opacity, transform
Use Cases
- Dropdown menu appearance
- Notification banner slide-in
- Top navigation reveal
- Toast notification from top