Animations

Hover over any card to preview. Click Replay to play all animations in a category.

Usage

Every animation name is passed to the data-anim attribute:

<div
  data-anim="fadeInUp"
  data-anim-duration="800ms"
>
  This element fades in from below over 800ms
</div>

See Attributes for all customization options, or try them in the Playground.