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