Elia

Hello everyone, I have a strange problem that I can't solve and I hope you can help me. My site made with html, css and js (with gsap), works beautifully locally. When I go to put it on the server (siteground) it's as if the whole js breaks in the mobile version. In the desktop version it is perfect. I have only included the basic gsap plugins. How can I solve it? If it helps I can also give you the URL of the site. A thousand thanks

Hello everyone. I created this section that scrolls on the x axis. How do I put a different speed on a fixed writing behind all the red containers? Like for example this link in the recent works section: See this example This is my codepen: https://codepen.io/edalbe/pen/QWoLBZR thank you

this is the first pen: https://codepen.io/edalbe/full/wvNbJed See in responsive mode. The red container is not in full col above the image, but it is divided in half with the image. this is the second pen where I can insert container, where the alignment is correct, but the img disappear: https://codepen.io/edalbe/pen/NWoVJvP

Perfect. I fixed the code and tried to do as much cleanup as needed in my code. In the desktop version, as already mentioned, everything is fine. In the responsive version, I would like the first column, the one with the red background, to go above the parallax image. Now, it splits in half even in the responsive version and if I try to add containers to align them well in the mobile, the image disappears. Check my codepen, it's been updated. Thanks so much again

I have an issue with Bootstrap conflict with gsap. In short, if I try to create a container and a row to align the two columns, it doesn't work, the image disappears and everything gets messed up. For now I have fixed it like this to have it intact on the desktop version, but how can I get around this problem in the mobile version? https://codepen.io/edalbe/pen/wvNbJed

thanks, I tried as you advised, but scrolling up continues to be slower than scrolling down.

I have a question. Scrolling down is faster than scrolling up. For example, how can I set a scrub speed of 8 for scroll down and a scrub for scroll up 1?

How can I do this with the text also on the left?

something don't work correctly: https://codepen.io/edalbe/pen/MWLGwJw

Hello everyone. I have a doubt. I was following this blog by Olivier Larose where he creates this type of effect with next.js. I was wondering, is there something similar that can be used with the gsap library and create in html, css e js? Thank you very much, if there is also something here on the forum that i can follow This is the link: https://blog.olivierlarose.com/demos/text-clip-mask-on-scroll

@mvaneijgen Thanks a lot for the answer. I was able to give the nuance like this too, I meant the nuance only to the right and left side of the entire container (see attached file)

How can I make that in responsive mode the images are 9:16 and one at a time instead of stretched a lot and put together. Ps: how do I add a feather to the edges of the images, as if they gradually disappear?

Hello everyone. I have a doubt. I came across this site: https://www.sanleonardo.it/la-tenuta there is this effect of zooming into a specific area and then a zoom out if I click again. Is it possible to create it with GreenSock? how can i search if it already exists? thanks a lot to everyone

@nicofonseca I tried but the image keeps coming out, probably the image is too big and doesn't fit well. Thank you so much for everything

@nicofonseca yes great thank you so much. But when I test on smartphone, the hero goes out of the container. How I can resolve this problem?