ANIMATA

Library of reusable CSS animations

Getting Started

Animata is a library of reusable CSS Keyframe animations to make easy to add animations to your project. Animata is growing all the time, so keep an eye out for changes.

NPM

npm install animata

Import

• In your index.html file

<link rel="stylesheet" type="text/css" href="your/animata/path/animata.min.css/>

Example Usage

You can find all the animations in the source code *.scss files

• Add one of the animations to your element

.my-div {
  animation: spinRight 5s infinite linear;
}

Contributing

If you would like to add to the list of animations please fork this repo and create a pull-request.

Copyright and license

Copyright 2018 Josh Hicks. Released under the MIT license.