Char-animation NPM

How to...

$ npm i -S char-animation

To use, you'll need to import charAnimation into your js file.

import charAnimation from './node_modules/char-animation/dist/char-animation.js';

charAnimation({selector, animation, color, stroke});

The function receive an object with the follow parameters:

Param	Type	Description	Default
selector	string	Valid CSS selector:class \| id \| tagelement which the animation will be applied	Required
animation	string	Options:rubberBand \| bounce \| pulse \| tada \| swing	Required
color	string	Color format: #hex \| rgb \| rgba \| hsl \| hslachanges the font color when the cursor passes over the chars	Optional
stroke	string	Color format: #hex \| rgb \| rgba \| hsl \| hslachanges the stroke color when the cursor passes over the chars	Optional

charAnimation(
  {
    selector: "h1", 
    animation: "rubberBand",  
    color: "green", 
    stroke: "blue"
  }
);

MIT

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

2 years ago

3 years ago

3 years ago

3 years ago