The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.
JS triggers animations on elements when they come within the viewport.
Details
After adding specific classes to wanted elements, animation triggers when elements are visible in the viewport.
When scrolling and elements are visible in the viewport they should be animated.
How to test
Pull the branch. Go to the Test Folder with examples of animations. Confirm that elements appear when visible in the viewport and when scrolling. Check the cascade and no-cascade behavior.
Release notes
The animation toolset is updated. Elements appear not only on the load event but they are observed. If they are on the viewport area the animation triggers.
Jira
https://pegadigitalit.atlassian.net/browse/DS-837
Summary
JS triggers animations on elements when they come within the viewport.
Details
How to test
Pull the branch. Go to the Test Folder with examples of animations. Confirm that elements appear when visible in the viewport and when scrolling. Check the cascade and no-cascade behavior.
Release notes
The animation toolset is updated. Elements appear not only on the load event but they are observed. If they are on the viewport area the animation triggers.