Metadata content animation

[DaphneKoren]

User story:
As a user I want to be able to add animation so that I can display the specific elements in an interactive way this behaviour should be placed in order to provide a good replacement to the dynamic behaviour in the ION page https://expertise.netcentric.biz/adobe-summit-2022

AC:

• Create a transferable animation that can be added to different element in the META DATA (when all element of the kind in the page will have the animation)
• the same kind of animation can be added to the section metadata to only effect the elements in a specific block by overriding the default
• The animation can be added using the Metadata and Sectional Metadata.
• The elements that can be animated are: buttons, titles and images
• It is possible to add 5 different animations :

1. UP - element go up in to place and fade in
2. DOWN - element down up in to place and fade in
3. LEFT -element go left in to place and fade in
4. RIGHT - element go right in to place and fade in
5. NONE - when needing to override an animation added to the metadata so it will not animate the element in a specific section

• It is possible to animate all images and all primary buttons and all heading.
• Animation starts when it is 30% in view (so the user does not miss the animation)
• Elements that appeared should not disappear
• All elements that can be animated need to have a place holder for when they are not there

Current page
https://expertise.netcentric.biz/adobe-summit-2022

Specification:
Meta Data Content Animation