Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque elementum sodales suscipit. Integer sagittis, enim id efficitur suscipit, felis enim elementum dui, ut laoreet elit nulla eget ligula. Phasellus sed lorem at sem tempor iaculis.
Scroll Triggered Javascript Hero
This hero animation was built using custom css & GSAP Javascript (gsap.min.js & ScrollTrigger.min.js).
It’s basically an animation timeline where the top of the page acts as the beginning of the timeline & the bottom of the initial view acts as the end of the timeline. Therefor, as you scroll down the animation timeline begins.
In order to accomplish this, I had to link to the GSAP javascripts within the footer file & add my own custom javascript file to the Kraken child theme.