Hello! Anyone know how to animate text gradient? If I had a link, I would share it, but I have nothing even close to what I am looking for. However, what I am looking for is something like this, but using webflow tools only.
1 Like
I would use a png file and then interactions to change the background colour, hover or repeating.
It took me a while to get the right result but in essence
Using an image program, create your text but apply a gradient which has transparency so you see what is underneath, black to white works best from memory.
Add that to a the same background colour of your webpage making sure its the text etches out.
Then in webflow
div block with image.
change the div block background colour and you see your gradient.
1 Like
Well this can be achieved easily without animation.
Why don’t you just use a gradient background and clip it to the text.
And on hover increase the scale and opacity.
Interesting, not thought of text clipping, my solution allows the background colour to cycle so you can get a pulse of colours etc. but your solution is spot on and much easier.
You don’t need to use a gif unless its much smaller file unless you want animations which I guess you do.
Thanks for posting your result.
1 Like