OrganicBlue
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by OrganicBlue
-
-
Hello everyone.
I have a website in wordpress in which I made some simple pins, and when I enter again after a few weeks, I see that the pin-spacer are 100px wide, and I don't know where they get that style.
I could force by css or js to ignore it, but I would like to know why it is like that, and how to avoid it, since it was working correctly before.
If I disable the pin, it looks fine.
Thank you in advance for your help
-
Thank you both!
-
I understand what you are saying. Thank you!
BTW, why you use
const sections = gsap.utils.toArray(".section-scroll-fade");when already havelet scrollFade = document.querySelectorAll(".section-scroll-fade");? -
Hello everybody.
I am trying to make a fade in and out on scroll animation on two elements in a row, but it has an error.
If I do it on just one element, it works fine, but when I do it on the second one, something breaks.
I appreciate if you can guide me in the solution.See the Pen YzJGJWv by Satelier-Diego (@Satelier-Diego) on CodePen
-
Can this be solved with immediateRender, or is better by just setting the initial state?
Follow-up question: Can an animation be triggered (such as the animation of the first dots) but not linked to the scroll, in this scenario?
-
Hello everyone.
I think the code explains what I'm trying to do, but just in case...
I have a timeline attached to the scroll with several animations in which certain elements "appear" from above, and then those same elements should disappear in the same way, but they don't move, they just disappear.
Also, when going back to the top, the animation of those elements is wrong.
Thank you for your help.
See the Pen BaPVqYM by Satelier-Diego (@Satelier-Diego) on CodePen
-
Thank You Rodrigo, that's exactly what I was looking for.
Have a great week.
-
Hi Rodrigo, thank you for your reply.
That's close, but in the "fade out" I'm trying to make the element go up (not down) and change opacity. I don't know if this approach works.
-
Hello everyone.
I'm trying to make the elements have a fade out animation (inverse to fade in) when the parent element reaches 40% of the screen, but the more I mess with it, the worse it works.
It would be the same fade in animation, but in reverse.
Thanks!
See the Pen zYjVBdy?editors=1000 by Satelier-Diego (@Satelier-Diego) on CodePen
-
Thank you @Rodrigo
I implement a fromTo for the other part of the animation, because immediateRender: false doesn't work.
-
Hi,
I'm trying to get each panel to have an opacity of .5 and a size of .8, both go to 1 when they get to the center of the screen, and no matter if they go left or right, they go back to the initial state.
Is it possible to do it with containerAnimation, or do I have to go in other way?(I dont't understand why the start/end are on the middle of the viewport)
See the Pen VwxOyMr by Satelier-Diego (@Satelier-Diego) on CodePen
-
Awesome! Thank you!
-
Hi @GreenSock thank you for your answer.
I tested it and the unpin may vary on the image height.
Can you unpin the image when the text bottom reach the image bottom? This may add consistency. Thank you!
-
Hello.
I'm new to GSAP and ScrooTrigger and I'm trying to make a simple animation where an image is fixed in the center of the viewport, while the text next to it follows the scroll.
I tried several things with different results, but it doesn't look good.
If someone can help me to understand how to do it, I will be grateful.
See the Pen MWGzGjr by Satelier-Diego (@Satelier-Diego) on CodePen
.pin-spacer with width: 100px
in GSAP
Posted
Hi Rodrigo. Thanks for your answer.
The problem was with the SmushIt plugin and the deferred loading.
I don't know why GSAP gives the element 100px width, but without the deferred loading works fine.