cubic-bezier-easing

A simple cubic-bezier easing functions factory for KUTE.js, developed with ES6+ and based on UnitBezier

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
cubic-bezier-easing
1.0.182 years ago4 years agoMinified + gzip package size for cubic-bezier-easing in KB

Readme

CubicBezier
A JavaScript ES6/ES7 cubic-bezier class to create easing functions as used in KUTE.js. The module is based on UnitBezier by Apple, a piece of code found on Codepen.
Install
```js npm install cubic-bezier-easing ```
Usage
```js import CubicBezier from 'cubic-bezier-easing' let easeCubicInOut = new CubicBezier(0.645, 0.045, 0.355, 1) let moveItRight = KUTE.to(someTarget,{translateX:150}, {easing: easingCubicInOut}) ``` Note: if you're using KUTE.js, you don't have to install this module, the above is just an example on what it does and how to use it. By default, new easing functions get a name with the parameters. EG: cubic-bezier(0.645,0.045,0.335,1) However, you can set your own unique name like so: ```js let easeCubicInOut = new CubicBezier(0.645, 0.045, 0.355, 1, 'myCubicOut') ``` You can use CubicBezier in combination with other libraries like D3, Three.js, Tween.js and GSAP of course.
License
MIT License