tweening-color-middleware

Color middleware for tweening

Usage no npm install needed!

<script type="module">
  import tweeningColorMiddleware from 'https://cdn.skypack.dev/tweening-color-middleware';
</script>

README

Tweening color middleware

Color middleware for tweening.

1.1kb gzipped.

Usage

Currently supports hex, rgb and rgba colors:

import tween from 'tweening';
import colorMiddleware from 'tweening-color-middleware';

tween({
  from: '#000',
  to: '#F0F0F0',
  duration: 5000,
  middleware: [ colorMiddleware ],
  next: color => console.log( color ),
});

CommonJS

This is how you get to the good stuff if you're using require.

const TweeningColorMiddleware = require( 'tweening-color-middleware' );
const colorMiddleware = TweeningColorMiddleware.default;

UMD

And if you just want to smash in a Javascript file you're also covered. Drop this in place ...

https://npmcdn.com/tweening-color-middleware@1.2.0/dist/tweening-color-middleware.min.js

Then access it on the TweeningColorMiddleware global variable.

const colorMiddleware = TweeningColorMiddleware.default;

Help make this better

Issues and pull requests gratefully received!

I'm also on twitter @colinmeinke.

Thanks :star2:

License

ISC.