brcxyz

Hi, Today I don't really have a problem, but more in need of some guidance. I am looking to achieve an effect and I'm unsure how I should go about it. What I am trying to do is sort of emulate a dynamic flex container. Think of it as a flex column container with a vertically centered group of items that I would like to add to, using ScrollTrigger. Say we currently have one item in the viewport. Upon scrolling for a bit, a new item slides up, while the first item also moves up slightly to make room for the second, such that by the end of this animation, they are vertically centered together (or both are vertically equidistant from the center, however you want to look at it). I'm not asking for a tutorial, of course, just a hint in the right direction. Still new to GSAP and I'm lost on this. I quickly put together this illustration to make it clearer, hope it helps illustrate what I'm trying to say.

I don't think this is enough to open a new topic so I'll just add on to this. As you can probably tell, stacking shadows underneath the text in the beginning produces a thin (but very visible on a contrast-y background) outline effect. In vanilla CSS, I fixed this by having all of the shadows transparent initially, then making them opaque in the first frame of the animation. What would be an elegant solution to this in GSAP?

Been wrestling this for a couple hours! It works great, thanks a bunch. Would this be a problem of GSAP not supporting a transparency element or just not supporting parsing hex codes like that?

Hello everyone, newbie here. I'm in the process of changing all of the animations I'd done for my portfolio website from vanilla CSS to GSAP and I'm having some trouble with these text shadows. What I am trying to accomplish is have multiple stacked text shadows seamlessly fan out, following the translation of a bit of text and create a 3D kind of effect (if I'm not making any sense, check out https://animista.net/play/text/shadow-pop/text-shadow-pop-bl). What's actually happening is, well, the text shadows are not animating at all and I can't seem to figure out why. Thanks in advance for any help, and great platform by the way!