https://github.com/haizzz/reactive.js

Flip things up with Reactive.js
https://github.com/haizzz/reactive.js

Last synced: 15 days ago
JSON representation

Flip things up with Reactive.js

• Host: GitHub
• URL: https://github.com/haizzz/reactive.js
• Owner: Haizzz
• Created: 2013-11-17T12:51:26.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2014-11-11T04:31:14.000Z (about 10 years ago)
• Last Synced: 2024-10-10T20:49:17.990Z (about 1 month ago)
• Language: JavaScript
• Size: 406 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


*Reactive js is a library used to do flip animation with the value inside HTML elements* 

  Features:

  

    - Flip up, right, left and down

    - Flip up and down, right and left and reverse

  Usage:

  

      General usage   = reactive.flipway(element name, animation time, word to change);

      flipway         = flipUpPx, flipDownPx, flipLeftPx, flipRightPx, flipVerticalUp, flipVerticalDown, flipHorizontalUp, flipHorizontalDown

      element name    = name of the element you want to flip

      animation time  = configure the time that the animation will take place

      word to change  = word that will be flip when the animation start

          Example: reactive.flipUpPx('#demo', 300, 'DEMO');

          

  Multiple animation:

  

  			//Example:

  					reactive.flipUpPx('#demo', 300, 'NOT ANYMORE');

            function second () {

            reactive.flipUpPx('#demo', 300, 'Why not?');

            }

            function third() {

            reactive.flipVerticalUp('#demo', 300, 'Cause it\'s cool');

            }

            window.setTimeout(second, 1500);

            window.setTimeout(third, 2500);

       

            //Set timeout for function to perform multiple animations.

            

            

            

            // See demo at: reactivejs-demo.gweb.io