tweento v1.1.0

tweento

Animation library based on CSS animations.

The main idea is to provide a simple API to animating elements with CSS properties that recieve callbacks useful for performing various actions.

Usage

import tweento from 'tweento';

const element = document.querySelector('#element');

const twn = tweento(element, {
  /**
   * Class name or object with valid css properties
   * e.g 'classname' or { width: '300px', color: red }
   *
   * @default null
   */
  to: null,

  /**
   * Defines whether the transition should be started immediately after calling the function
   *
   * @default false
   */
  paused: false,

  onStart: () => {
    console.log('onStart');
  },
  onTransitionStart: () => {
    console.log('onTransitionStart');
  },
  onTransitionEnd: () => {
    console.log('onTransitionEnd');
  },
});

// if `paused: false`, the method is not available
twn.start();

License

MIT © Przemysław Tyczyński