ease
is a javascript/css web library for making animations with ease 😒. It allows you to add animations to html without writing your own javascript or css code.
To use ease you must link the css file and the javascript file. To link them just link the css in the header:
<link type="text/css" rel="stylesheet" href=".../ease.css">
And link both the javascript file and jQuery in the end of the body:
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src=".../ease.js"></script>
There are many different classes for different animations, for example .fade-right
fades in and slides in from the right, however these animations are not activated until the .ease-active
class is also present. The .animate-onclick
class uses javascript to reanimate on click. More examples of different animations can be found in examples/index.html
- Install dependencies by running
npm install
- Install gulp
- In the root directory run
gulp
to build - To build with file watching run
gulp watch
The files are built in the dist
directory and the docs
directory
Copyright 2018 Zachary Mayhew <mayhew.zachary2003@gmail.com>
Licenced under the MIT Licence