Entrance

Entrance easing

(From Motion guidelines)

With this style, an element quickly appears and slows down to a stop. Use entrance ease when adding elements to the view, such as a modal or toaster appearing. Elements moving in response to the user’s input, such as a dropdown opening or toggle switching should also use this style.

Properties

Link copied to clipboard

Entrance easing for expressive motion.

Link copied to clipboard

Entrance easing for productive motion.