# @zestia/animation-utils

> Basic utils for dealing with animations & transitions

Latest version **5.0.1** (published 2023-02-21) · MIT license · 0 weekly downloads

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

## Install

```sh
npm install @zestia/animation-utils
pnpm add @zestia/animation-utils
yarn add @zestia/animation-utils
bun add @zestia/animation-utils
```

## Health

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

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 5.0.1 |
| Published | 2023-02-21 |
| First published | 2021-09-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 12 |
| Dependencies | 0 |
| Unpacked size | 2.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Zestia |
| Maintainers | connorhome, philliphaines, amk221 |

## Links

- npm: https://www.npmjs.com/package/@zestia/animation-utils
- Repository: https://github.com/zestia/animation-utils
- Issues: https://github.com/zestia/animation-utils/issues
- npm.io page: https://npm.io/package/@zestia/animation-utils

## Recent versions

- 5.0.1 (latest) — 2023-02-21
- 5.0.0 — 2023-02-21
- 4.2.0 — 2022-11-11
- 4.1.0 — 2022-03-14
- 4.0.0 — 2022-03-14
- 3.0.4 — 2022-02-22
- 3.0.3 — 2021-11-01
- 3.0.2 — 2021-10-08
- 3.0.1 — 2021-10-06
- 3.0.0 — 2021-10-04
- 2.0.0 — 2021-09-30
- 1.0.0 — 2021-09-30

## README

# @zestia/animation-utils

Utils for working with animations and transitions.

## waitForAnimation

```javascript
// Wait for animations to start and finish
await waitForAnimation(element);

// Wait for animations to finish, if there are any
await waitForAnimation(element, { maybe: true });

// Wait for animations to finish, including descendants
await waitForAnimation(element, { subtree: true });

// Wait for an animation to finish by name
await waitForAnimation(element, { animationName: 'fade-out' });

// Wait for a transition to finish by name
await waitForAnimation(element, { transitionProperty: 'margin-left' });

// Wait for an animation to finish by name, including descendants
await waitForAnimation(element, { subtree: true, animationName: 'move' });
```

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