https://github.com/ampproject/animations
https://github.com/ampproject/animations
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ampproject/animations
- Owner: ampproject
- License: apache-2.0
- Created: 2018-10-16T20:33:36.000Z (over 7 years ago)
- Default Branch: main
- Last Pushed: 2026-03-01T10:48:56.000Z (4 months ago)
- Last Synced: 2026-03-01T14:46:33.188Z (4 months ago)
- Language: TypeScript
- Size: 2.34 MB
- Stars: 23
- Watchers: 17
- Forks: 9
- Open Issues: 45
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Animations
Some JavaScript animation helpers.
## Links
* [Documentation](https://ampproject.github.io/animations/)
## 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
```shell
yarn build
yarn build-watch
```
### Test
```shell
yarn test
yarn test-watch
```
### Demos
To build, serve, and open a browser tab with the demos:
```shell
yarn demo
```