Nifty Procrastination Machine

    velocity-animate
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/velocity-animate package

    1.5.2 • Public • Published

    # Velocity 1.5.2

    Docs

    http://VelocityJS.org

    News

    WhatsApp, Tumblr, Windows, Samsung, Uber, and thousands of other companies rely on Velocity. Visit Libscore.com to see which sites use Velocity on their homepage.

    React Plugin

    Announcement: https://fabric.io/blog/introducing-the-velocityreact-library
    Repo: https://github.com/twitter-fabric/velocity-react
    NPM: https://www.npmjs.com/package/velocity-react

    Quickstart

    Velocity (CDN, choose one of them):

    <script src="//cdn.jsdelivr.net/npm/velocity-animate@1.5/velocity.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.min.js"></script>

    Velocity UI pack (CDN, choose one of them):

    <script src="//cdn.jsdelivr.net/npm/velocity-animate@1.5/velocity.ui.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.ui.min.js"></script>

    Please note that JSDelivr will automatically supply the latest release, while CloudFlare needs to ask for a specific version.

    Package managers:

    npm: npm install velocity-animate
    bower: bower install velocity

    Questions or Problems?

    Ask on StackOverflow (make sure you add the [velocity.js] and [javascript] tags).

    Updates

    • 1.5: Bugfixes, IE9 compatibility fixes.
    • 1.4: Pause / Resume (per element or global).
      Forcefed string animation (just have matching number spaces) including unit conversions and colour names (ie background:["rgba(red,0.1)", "blue"]). High resolution timers (animations should be slightly smoother).
      Various fixes including ticker (loading Velocity in a background window) and color handling.
    • 1.3: Code cleanup - no breaking changes known.
    • 1.2: Custom tweens. Custom easings. "Finish" command.
    • 1.0: File name changed to velocity.js. Read VelocityJS.org/#dependencies.
    • 0.1: stop now stops animations immediately (instead of only clearing the remainder of the animation queue). No other backwards-incompatible changes were made.

    Learn

    Comparisons

    • CSS transitions are meant for simple interface flourishes.
    • jQuery's $.animate() is slow and poorly-equipped for motion design.
    • Velocity is a fast, feature-rich standalone alternative to jQuery's $.animate().

    ====

    MIT License. © Julian Shapiro (http://twitter.com/shapiro).
    Stripe sponsors Velocity's development.
    BrowserStack provides testing services.

    Install

    npm i velocity-animate

    DownloadsWeekly Downloads

    175,267

    Version

    1.5.2

    License

    MIT

    Unpacked Size

    300 kB

    Total Files

    7

    Last publish

    Collaborators

    • julianshapiro
    • kvirani
    • rycochet