Animations

Animations are for adding motion or effects as they scroll into view. We recommend using animations both sparingly and only on elements which need to have a visual impact or emphasis. Common use cases are images, charts, call to actions, etc.

The available animations are configured by including the specified animation name directly on the element or a containing element.

• .animate-bounceInLeft
• .animate-bounceInRight
• .animate-bounceInUp
• .animate-fadeInUp
• .animate-slideInLeft
• .animate-slideInRight
• .animate-slideInUp
• .animate-pulse
• .animate-shake
• .animate-jello