java velocity js_velocity: VelocityJS 简化和加速了 JavaScript 动画实现

Velocity beta

NPM: npm install velocity-animate@beta

Docs

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

Quickstart

Velocity (CDN, choose one of them):

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

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

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.

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

Sponsors

sponsors Velocity's development.

provides browser testing services for Velocity.