GSAP + Scroll Trigger Page - Section Animations
Budget: £20 – £250 GBP
I habe an HTML page which has multiple elements on it, The first element need to 'Fly Through' an SVG when the user scrolls and then on completion of that, need to display the first video block element.
OnScroll of these elements the text needs to animate in and after that has completed and with a small delay the scrolling should then continue to the next video block element.
This should happen all of the way to the last video block element and at the end console log that the scrolling has finished.
It is important that this scrolling is smooth and works both forward and reverse. there will also need to be some 'Sticky' elements on the page which are always present except when in the first element.
The HTML structure has been started and so has the CSS (SCSS) & JS the libraries to use are GSAP and ScrollTrigger only.
Notes:
• Each HTML Element should 100% (Width & Height) of the browser viewport
• Must be vanilla JS no jQuery Please
• No additional libraries (except GSAP plugins should be used)
• Work need completing today, DO NOT bid unless you can do this
• Title your bid application with GSAP-3110-JE
OnScroll of these elements the text needs to animate in and after that has completed and with a small delay the scrolling should then continue to the next video block element.
This should happen all of the way to the last video block element and at the end console log that the scrolling has finished.
It is important that this scrolling is smooth and works both forward and reverse. there will also need to be some 'Sticky' elements on the page which are always present except when in the first element.
The HTML structure has been started and so has the CSS (SCSS) & JS the libraries to use are GSAP and ScrollTrigger only.
Notes:
• Each HTML Element should 100% (Width & Height) of the browser viewport
• Must be vanilla JS no jQuery Please
• No additional libraries (except GSAP plugins should be used)
• Work need completing today, DO NOT bid unless you can do this
• Title your bid application with GSAP-3110-JE