Create Performant Animation Effects With Pure JavaScript – fadeFx

Preview:

Description:

fadeFx is a standalone JS library for adding highly performat, jQuery animation like, frequently used animations to your DOM elements using several CSS3 properties.

Effects included:

• fadeIn
• fadeOut
• fadeToggle
• slideDown
• slideUp
• slideToggle
• show
• hide
• toggle
• scaleIn
• scaleOut
• scaleToggle
• rotateIn
• rotateOut
• rotateToggle

How to use it:

To use this animation library just include the fadeFx.js script right before we close the body tag.

<script src="fadeFx.js"></script>

Apply specified effects to your DOM elements as follows:

element.fadeIn(/*duration*/)
element.fadeOut(/*duration*/)
element.fadeToggle(/*duration*/)
element.slideDown(/*duration*/)
element.slideUp(/*duration*/)
element.slideToggle(/*duration*/)
element.show(/*duration*/)
element.hide(/*duration*/)
element.toggle(/*duration*/)
element.scaleIn(/*duration*/)
element.scaleOut(/*duration*/)
element.scaleToggle(/*duration*/)
element.rotateIn(/*duration*/)
element.rotateOut(/*duration*/)
element.rotateToggle(/*duration*/)