slick-animation
slick-animation let´s you easy animate your elements which are contained in your Slick.
Documentation
Dependencies
Version
0.3.3 Beta
Installation
bower install slick-animation
Basic Usage
- HTML
<div data-animation-in=„fadeIn“><div>
- CSS
Add the following css to your css files:
#your-slider [data-animation-in] {
opacity: 0;
}
- JavaScript
$(‚#your-slider’).slickAnimation();
Replace `#your-slider´ with your own id oder class.
Advanced Usage
You have several options for the animation.
-
animation in:
data-animation-in -
animation delay in:
data-delay-in -
animation duration in:
data-duration-in -
animation out:
data-animation-out -
animation delay out:
data-delay-out -
animation duration out:
data-duration-out -
HTML
<div data-animation-in="fadeIn" data-delay-in="2" data-duration-in="2" data-animation-out="fadeOUt" data-delay-out="2" data-duration-out="2"></div>
Contribute
This library is still in a beta phase, fell free to fork and make a pull request.
Bug Tracker
If you find a bug, please report it [here on Github!] (https://github.com/marvinhuebner/slick-animation/issues)
Get in Touch
Developed by Marvin Hübner