Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

penner

bcherny10.8kMIT0.1.3TypeScript support: definitely-typed

Penner's easing equations, in JavaScript

easing, ease, transition, tween, animation, css, effects, animationframe, transform

readme

penner

A library for Penner's easing equations

what?

See http://upshots.org/actionscript/jsas-understanding-easing

usage

var t = 0,        // current time (ms, s, frames, ...)
    b = 10,        // initial value
    c = 100,    // change in value (final value - initial value)
    d = 2        // duration (same units as t)
    value = penner.easeOutQuad(t, b, c, d);

included easing functions

linear easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuart easeInOutQuart easeInQuint easeOutQuint easeInOutQuint easeInSine easeOutSine easeInOutSine easeInExpo easeOutExpo easeInOutExpo easeInCirc easeOutCirc easeInOutCirc easeInElastic easeOutElastic easeInOutElastic easeInBack easeOutBack easeInOutBack easeInBounce easeOutBounce easeInOutBounce

size

| | | |-----------------------|---------------| | Raw | 7880 bytes | | Uglified | 3200 bytes | | Uglified + gzipped | 865 bytes |

environment support

Any browser (as window.penner), AMD, CommonJS, NodeJS