This time I will share jQuery Plugin and tutorial about FadeIn & FadeOut Animations With jQuery And CSS3 – fadecss3.js, hope it will help you in programming stack.
fadecss3.js is a jQuery plugin to enhance the default jQuery .fadeIn() and fadeOut() methods that allow you to fade in or fade out a specified element using CSS3 animations.
How to use it:
1. Just include the jQuery fadecss3.js plugin after jQuery library and we’re ready to go.
1 |
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script> |
2 |
<link rel="stylesheet" href="jquery.fadecss3.css"> |
3 |
<script src="jquery.fadecss3.js"></script> |
2. Basic usage.
2 |
$('#el').fadeOutCss3(); |
3. Pass the duration and easing parameters to the plugin.
1 |
$('#el').fadeInCss3(1000, 'ease-in'); |
2 |
$('#el').fadeOutCss3(3500, 'ease-in-out'); |
This awesome jQuery plugin is developed by econosys-system. For more Advanced Usages, please check the demo page or visit the official website.
