slick-animation let´s you easy animate your elements which are contained in your Slick.
1.0.0 Stable
bower install slick-animation
- 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.
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>This library is still in a beta phase, fell free to fork and make a pull request.
If you find a bug, please report it [here on Github!] (https://github.com/marvinhuebner/slick-animation/issues)
Developed by Marvin Hübner
Contributed by Georg Dümmler