Elia
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Elia
-
-
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 exampleThis is my codepen:
thank you
-
this is the first pen:
See the Pen wvNbJed by edalbe (@edalbe) on CodePen
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:
-
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?
-
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?
-
-
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)
-
-
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
-
6 hours ago, nicofonseca said:
@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
- 1
-
5 hours ago, nicofonseca said:
@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?
- 1
-
Hi, i am a new member and i need help. I found a script that interests me but I should edit it. I have attached the code, delete the comment to understand what it is. I should adapt the Image to the container that is climbing, so as to remain attached both vertically and horizontally to the center of the container. Could you help me? I tried to adapt it manually but then with larger screens it becomes unmanageable.
If it helps I'm using Bootstrap.
gsap breaks when I launch it online
in GSAP
Posted
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