加入CODE CHINA

· 不限速    · 不限空间    · 不限人数    · 私仓免费

免费加入
    README.md

    Velocity beta

    npm npm (tag) cdnjs version npm downloads jsdelivr downloads

    NPM: npm install velocity-animate@beta

    Docs

    https://github.com/julianshapiro/velocity/wiki

    IMPORTANT: The velocityjs.org documentation refers to V1, not V2 beta - use the wiki for latest documentation!

    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@2.0/velocity.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/velocity.min.js"></script>

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

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

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

    Package managers:

    npm: npm install velocity-animate@beta

    Automagic chaining:

    If using the .velocity(...) chained function in libraries such as jQuery or Zepto you need to ensure that Velocity is loaded after them. If you wish to add it to anything loaded afterwards then look at the Velocity.patch() method.

    Questions or Problems?

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

    Updates

    • 2.0: Typescript update and complete refactoring.
    • 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().

    License

    MIT License. © Julian Shapiro (http://twitter.com/julian).

    Sponsors

    Kiss My Button sponsors Velocity's development.

    BrowserStack provides browser testing services for Velocity.

    项目简介

    🚀 Github 镜像仓库 🚀

    源项目地址

    https://github.com/julianshapiro/velocity

    发行版本 18

    1.5.2

    全部发行版

    贡献者 53

    全部贡献者

    开发语言

    • JavaScript 59.4 %
    • TypeScript 35.3 %
    • HTML 4.5 %
    • CSS 0.9 %