Hi all.
I've got an odd one that I thought I had working but it's stopped.
https://staging.dezarnaulds-design.com
The concept is that as you scroll down the background image on the right scales by 20% from 100% to 120%.
I've set the background size in css on the .home-header-right to 100%, then on the gsap I have this...
backgroundSize: '120%'
It did work - the image was @ 100% then got larger as you scrolled down, but for some bizarre reason, it now resets to auto as start hits the trigger.
Is it possible in the below code to set the before scroll styles?
gsap.to(".home-header-right", {
scrollTrigger: {
trigger: ".home-header-left",
start: "top top",
end: "bottom bottom",
scrub: true,
},
duration: 3,
backgroundSize: '120%',
});
Thanks for any help!!