FadeIn & FadeOut Animations With jQuery And CSS3 - fadecss3.js

FadeIn & FadeOut Animations With jQuery And CSS3 - fadecss3.js
File Size: 4.08 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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.

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<link rel="stylesheet" href="jquery.fadecss3.css">
<script src="jquery.fadecss3.js"></script>

2. Basic usage.

$('#el').fadeInCss3();
$('#el').fadeOutCss3();

3. Pass the duration and easing parameters to the plugin.

$('#el').fadeInCss3(1000, 'ease-in');
$('#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.