Create Performant Animation Effects With Pure JavaScript – fadeFx

Category: Animation , Javascript | March 30, 2016
Author:dalisoft
Views Total:610 views
Official Page:Go to website
Last Update:March 30, 2016
License:MIT

Preview:

Create Performant Animation Effects With Pure JavaScript – fadeFx

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*/)

You Might Be Interested In:


Leave a Reply