Search the Community
Showing results for tags 'color change'.
Found 2 results
-
Hello GSAP masters, I'm trying to figure out having my navbar changing its theme when it reaches a specific section with [data-theme="dark"] applied. Right now, what I do is using ScrollTrigger which I demonstrated in my CodePen. But some problems that I encountered: When the navbar is changing color, it doesn't happen smoothly. It's laggy and the element is changing one by one as opposed to all at once It doesn't detect the other section that also has the same id applied I feel like the code is messy and could be better, but I'm a newbie at this so I can't figure it out What I have in mind is when the navbar enters the section with [data-theme="dark"] applied, the navbar itself can automatically apply the [data-theme="dark"] as well. Is that possible? Or is there any better approach for this? Thank you very much for your help!
-
Hello, I am completely new to Javascript and GSAP so my questions might be really stupid...I've played around with it for a few days but have not been able to figure out. I created these paths in AI so that the word "DECONSTRUCTED" will morph into lines - which I have been able to do in the codepen URL. However, I want it to YOYO back and stop when it gets to "c" and then have the "E" and "D" morph to a red (Or whatever color) "E" and a red "R" - so spelling out "RECONSTRUCTED". http://codepen.io/Karenhuang/pen/XKPqWo Any help would be much appreciated. And I am a Javascript newbie so I really don't understand any of the syntax. Everything I have done is through forking and trial/error. Thank you.
