Line Rainbow text
Is there a way to animate text with css to do directional gradients similar to this picture?

2 Replies
you can clip text to the background. so you can create the gradients as bg image
animating it will be a bit more difficult. you could use js to update custom properties or use the css @property (not fully supported yet)
https://codepen.io/chooking/pen/WNmjmVJ
This is not the exact thing you want, but it gives you an idea of how it works.