Adds new amp-story zoom/pan animations ✨ #13910
Conversation
| } | ||
| }, | ||
| 'zoom-in': { | ||
| duration: 30000, |
There was a problem hiding this comment.
nit: 30s makes sense for a Ken Burns effect, but for an individual preset I think zoom-in should be set to something between 500-1000 ms.
| easing: 'linear', | ||
| keyframes: [ | ||
| {transform: 'scale(1,1)'}, | ||
| {transform: 'scale(3,3)'} |
There was a problem hiding this comment.
As seen offline, we might want to experiment a bit with that and see if we're happy with the image quality :)
There was a problem hiding this comment.
Yep, will speak with Hong from UX today to see what she thinks 👍
…eving a \'Ken Burns\' effect with images. Includes examples testing usage.
|
After discussion with UX we decided to keep the default values for the animation as is, to allow more flexibility. We will eventually write doc / example on how to achieve this effect with optimal results. The documentation will describe the practices to achieve the best results, including:
|
Solves #12173
Adds new amp-story zoom/pan animations that allows users to achieve a "Ken Burns" effect with images. Includes examples testing usage.
We might want to add an amp-by-example description so that users trying to achieve the effect can find the instructions on how to do it somewhere.