data-anim

Animations

Click any animation name to preview it on the element below.

data-anim
fadeInUp
<div data-anim=“fadeInUp”>…</div>

Fade

Slide

Zoom

Bounce

Attention

Rotate

Special

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.