docs/code.js
function createVelocity()
{
    const duration = 2000
    const easing = 'easeInOutSine'
    Velocity(box('scaleX'), { scaleX: 2 }, { duration, easing, loop: true })
    Velocity(box('scaleY'), { scaleY: 2 }, { duration, easing, loop: true })
    Velocity(box('top/left'), { left: window.innerWidth / 2, top: window.innerHeight / 2 }, { duration, easing, loop: true })
    Velocity(box('scale'), { scale: 0 }, { duration, easing, loop: true })
    // Velocity(box('backgroundColor'), { backgroundColor: ['red', 'blue', 'transparent'] }, { duration, easing, loop: true })
    Velocity(box('opacity'), { opacity: 0 }, { duration, easing, loop: true })
    Velocity(box('width'), { width: SIZE * 2 }, { duration, easing, loop: true })
    Velocity(box('height'), { height: 0 }, { duration, easing, loop: true })
    // Velocity(box('color'), { color: ['green', 'yellow', 'purple'] }, { duration, easing, loop: true })
}
function createVelocity()
{
    const duration = 2000
    const easing = 'easeInOutSine'
    Velocity(box('scaleX'), { scaleX: 2 }, { duration, easing, loop: true })
    Velocity(box('scaleY'), { scaleY: 2 }, { duration, easing, loop: true })
    Velocity(box('top/left'), { left: window.innerWidth / 2, top: window.innerHeight / 2 }, { duration, easing, loop: true })
    Velocity(box('scale'), { scale: 0 }, { duration, easing, loop: true })
    // Velocity(box('backgroundColor'), { backgroundColor: ['red', 'blue', 'transparent'] }, { duration, easing, loop: true })
    Velocity(box('opacity'), { opacity: 0 }, { duration, easing, loop: true })
    Velocity(box('width'), { width: SIZE * 2 }, { duration, easing, loop: true })
    Velocity(box('height'), { height: 0 }, { duration, easing, loop: true })
    // Velocity(box('color'), { color: ['green', 'yellow', 'purple'] }, { duration, easing, loop: true })
}
function createVelocity ( ) { const duration = 2000 const easing = 'easeInOutSine' Velocity ( box ( 'scaleX' ) , { scaleX : 2 } , { duration , easing , loop : true } ) Velocity ( box ( 'scaleY' ) , { scaleY : 2 } , { duration , easing , loop : true } ) Velocity ( box ( 'top/left' ) , { left : window . innerWidth / 2 , top : window . innerHeight / 2 } , { duration , easing , loop : true } ) Velocity ( box ( 'scale' ) , { scale : 0 } , { duration , easing , loop : true } ) // Velocity(box('backgroundColor'), { backgroundColor: ['red', 'blue', 'transparent'] }, { duration, easing, loop: true })
 Velocity ( box ( 'opacity' ) , { opacity : 0 } , { duration , easing , loop : true } ) Velocity ( box ( 'width' ) , { width : SIZE * 2 } , { duration , easing , loop : true } ) Velocity ( box ( 'height' ) , { height : 0 } , { duration , easing , loop : true } ) // Velocity(box('color'), { color: ['green', 'yellow', 'purple'] }, { duration, easing, loop: true })
 }
compare speed with velocity-animate
compare speed with velocity - animate