animations

Overview

Some standalone JavaScript animation helpers used by AMP HTML.

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.

Documentation

Demos:

• Hero animation
• Lightbox
• Image gallery
• Inline image expansion
• Panning an image back and forth
• Cropped image animation

Animations Test Controller

Allows pausing / stepping through CSS based animations, which can be useful for testing animation logic as well as screenshot diff tests.

Documentation

This site is open source. Improve this page.