Rythm.js - v2.2.0

A javascript library that makes your page dance.

View on github Release notes

Basic

            use css class 'rythm-bass'
          
            use css class 'rythm-medium'
          
            use css class 'rythm-high'
          

Pulse

            rythm.addRythm('pulse1', 'pulse', 0, 10)
          
            rythm.addRythm('pulse2', 'pulse', 0, 10, {
              min: 0.1,
              max: 1
            })
          
            rythm.addRythm('pulse3', 'pulse', 0, 10, {
              min: 1,
              max: 1.75
            })
          

Jump

            rythm.addRythm('jump1', 'jump', 0, 10)
          
            rythm.addRythm('jump2', 'jump', 150, 40, {
              min: -20,
              max: 20
            })
          

Shake

            rythm.addRythm('shake1', 'shake', 0, 10)
          
            rythm.addRythm('shake2', 'shake', 150, 40, {
              min: 0,
              max: 20
            })
          
            rythm.addRythm('shake3', 'shake', 0, 10, {
              direction: 'left'
            })
          

Twist

            rythm.addRythm('twist1', 'twist', 0, 10)
          
            rythm.addRythm('twist2', 'twist', 0, 10, {
              min: 20,
              max: 180
            })
          
            rythm.addRythm('twist3', 'twist', 0, 10, {
              direction: 'left'
            })
          

Vanish

            rythm.addRythm('vanish1', 'vanish', 0, 10)
          
            rythm.addRythm('vanish2', 'vanish', 0, 10, {
              reverse: true
            })
          

Border-Radius

            rythm.addRythm('radius1', 'radius', 0, 10, {
              min: 0,
              max: 30
            })
          
            rythm.addRythm('radius1', 'radius', 0, 10, {
              reverse: true,
              min: 0,
              max: 30
            })
          

Background-Color

            rythm.addRythm('color1', 'color', 0, 10)
          
            rythm.addRythm('color2', 'color', 0, 10, {
              from: [0,0,255],
              to:[255,0,255]
            })
          
            rythm.addRythm('color3', 'color', 0, 10, {
              from: [255,255,0],
              to:[255,0,0]
            })