@bluecateng/nano-spring

Tiny implementation of spring animation with mass set to 1.

Usage no npm install needed!

<script type="module">
  import bluecatengNanoSpring from 'https://cdn.skypack.dev/@bluecateng/nano-spring';
</script>

README

@bluecateng/nano-spring GitHub license npm version CircleCI

Tiny implementation of spring animation with mass set to 1.

Size: 301 bytes before compression.

Installation

npm i -S @bluecateng/nano-spring

Example

import spring from '@bluecateng/nano-spring';

const element = document.querySelector('#test');
element.style.opacity = .5;
spring(250, 30,
  (p) => element.style.transform = `translateX(${p * 300}px)`,
  () => element.style.opacity = '');

Output

Output