@ampproject/animations

JavaScript animation functions and helpers.

  • Types
  • ESM
  • CJS
License
Apache-2.0
Deps
0
Install Size
25.4 kB
Vulns
0
Published

Get started

$npm install @ampproject/animations
$pnpm add @ampproject/animations
$yarn add @ampproject/animations
$bun add @ampproject/animations
$deno add npm:@ampproject/animations
$vlt install @ampproject/animations
$vp add @ampproject/animations

Weekly DownloadsAcross all versions

Versions

View all versions
0.2.2
latest

Readme

Animations

Some JavaScript animation helpers.

Image Transform

Transforms an image from one position/size to another. In addition to scaling up, this also supports changing the 'crop' of the image as defined by the object-fit CSS property.

Animation Test Helpers

Helps with writing tests for animations by pausing then and allowing control of the progress of animations on the page. You can pause an animation part way through and do a screenshot based test or simply validate the position or dimensions of elements.

Developing

Build
npm run build
npm run build-watch
Test
npm run test
npm run test-watch
Demos

To build, serve, and open a browser tab with the demos:

npm run demo