All animations are organized into 3 groups: appearance, effects, and disappearance.

1. Appearance. Pink. Perfect for an entrance animation in the element. Usually, elements are invisible before the appearance animation starts.
2. Effects. Green. Perfect to accent an already visible element by shaking, flashing or magnifying it. The element will remain visible before and after the effects animation.
3. Disappearance. Blue. Usually, elements become invisible after the disappearance animation ends.

<aside> 💡 Best practice. To avoid animation overloading and keep banner tidily do not add too many different animations to the banner. Try to use animations of the same group: Slide, Fade, Rotate, etc. for all types you use.

</aside>