An animation is an effect that lets an element gradually change from one style to another. You have the option to rotate, fade, flip, bounce, slide and more. There are three ways to trigger an animation such as when the element is in view (default), on page scroll, on click and on hover. Not only this, for every animation you can set the duration, iteration, direction, timing, mode and delay options.