animation.css

CSS animation function classes.

setup

npm install animation.css

@import 'node_modules/animation.css/main';

classes

animation-direction

• .animation-reverse animates in reverse
• .animation-alternate alternates direction

animation-fill-mode

• .animation-seed seeds first frame during animation delay
• .animation-stay stays in last frame after completion
• .animation-fill seeds and stays

animation-play-state

• .animation-paused pauses animation

animation-name

• .animation-none deactivates animation

animation-iteration-count

• .animation-infinite animates forever

usage

<figure class="animation-infinite animation-stay">
  Apply classes to control animation properties.
</figure>