# controlanimationjs

> The simple can be simply incredible! An “original copy”, from @keyframe CSS, but with new features, light (14.3KB), elegant, powerful and with high performance.

Latest version **1.0.0** (published 2021-01-25) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install controlanimationjs
pnpm add controlanimationjs
yarn add controlanimationjs
bun add controlanimationjs
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2021-01-25 |
| First published | 2021-01-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 86.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Author | Diogo Neves |
| Maintainers | diogoneves07 |
| Keywords | controlAnimation, javascript, keyframes, control, animation |

## Links

- npm: https://www.npmjs.com/package/controlanimationjs
- Repository: https://github.com/diogoneves07/controlAnimationJS
- Homepage: https://github.com/diogoneves07/controlAnimationJS#readme
- Issues: https://github.com/diogoneves07/controlAnimationJS/issues
- npm.io page: https://npm.io/package/controlanimationjs

## Alternatives

- [persona-harness](https://npm.io/package/persona-harness.md) — 4.7K weekly downloads
- [@tsparticles/effect-bubble](https://npm.io/package/@tsparticles/effect-bubble.md) — 4.6K weekly downloads
- [f3d](https://npm.io/package/f3d.md) — 730 weekly downloads
- [spark-html-motion](https://npm.io/package/spark-html-motion.md) — 298 weekly downloads
- [cra-template-particles-typescript](https://npm.io/package/cra-template-particles-typescript.md) — 227 weekly downloads

## Recent versions

- 1.0.0 (latest) — 2021-01-25

## README

# controlAnimationJS

<blockquote>
The simple can be simply incredible! An “original copy”, from @keyframe CSS, but with new features, light (14.3KB), elegant, powerful and with high performance. 
</blockquote>

## Getting started

### Download

Via npm

```bash
$ npm install controlAnimationjs --save
```

or manual [download](https://github.com/diogoneves07/controlAnimationJS/archive/master.zip).

### Usage

#### ES6 modules

```javascript
import controlAnimation from 'controlAnimationJS/lib/controlAnimation.js';
```

#### CommonJS

```javascript
const controlAnimation = require('controlAnimation');
```

#### File include

Link `controlAnimation.min.js` in your HTML :

```html
<script src="controlAnimation.min.js"></script>
```

### Hello world

```javascript
var element = document.createElement( "div" ),
  myAnimationObject = controlAnimation.create();

element.append( document.createTextNode( "Hello world" ) );
document.body.append( element );

myAnimationObject.element = element;
myAnimationObject.iterations = Infinity;

myAnimationObject[ 0 ] = {
  color: "#009",
  fontSize: "40px",
};
myAnimationObject[ 100 ] = {
  0: "rgb(0, 200, 150)",
};

controlAnimation.play( myAnimationObject );

```

## Browser support

| Firefox | Opera | Chrome | Edge | IE | Safari |
| --- | --- | --- | --- | --- | --- |
| 3.6 * | 11.0 * | 26.0 * | * | 5.0 * | 5.1 * |
<p>
<strong>Google Chrome:</strong> It is possible that the library also supports older versions of this browser.
</p>

[Website](https://flyneves.com) | [Documentation](https://flyneves.com/en-US/projects/controlAnimationJS/) | [MIT License](LICENSE.md) | © 2021 Diogo Neves.

---
_Source: https://npm.io/package/controlanimationjs · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._