Share Posted June 9, 2020 I'm trying to create an effect, but i don't know where to start. Before hover text in white color, After hover into Text color will be change White to Green with animation like a slide left to right Link to post Share on other sites
Share Posted June 9, 2020 On mobile so I can't show a demo, but you can create this sort of thing by layering two versions of the text with the green version on top. In the top version, you could either animate a clip path or the width of a parent element with overflow: hidden. Same basic approach is true if you're using SVG. Link to post Share on other sites
Share Posted June 9, 2020 @Vishnu Manda Hey, Vishnu! It's better to use linear gradient. You can see it here See the Pen Yzyajrr by ChicagoJostik (@ChicagoJostik) on CodePen You can easily replace css hover animation into gsap! 3 Link to post Share on other sites
Share Posted June 10, 2020 Note that -webkit-background-clip: text; doesn't have the best support. Depending on your needs you may need to use one of the methods I outlined instead. Link to post Share on other sites
