How to make a Line element into an animated gradient (w/ Velo JS)?

How do I make one of my Line elements into a moving, animated gradient of various purples and blues? Can this be done with Velo JS or is there a better way to make this happen? Is there a different element or decorative something that can be altered to be an animated gradient instead?

Product:
Wix Editor

What are you trying to achieve:
We want one of our Line elements to, instead of being one solid color, be animated to where the colors move across the line into various purples and blues. I know it can’t be done within the normal style options Wix provides in their standard “customize design” option. Can our Line be changed in any way with Velo JS?

If you need a visual example of what we want, Sentinel One (sentinelone.com) has one very similar in their Footer.

What have you already tried:
I watched a handful of the Velo course videos and it seemed like it was possible. But I couldn’t figure it out. On the WIX website, there was a page that even said only certain elements can have their “Style” changed with JS and a Line element was not listed as one of them. Not sure if that pertains exactly to what I’m wanting…?

We have the code written in CSS but the Wix rep told us we’d have to rebuild our entire website in CSS to be able to even get access to CSS Dev mode since we initially used the WIX Editor. We don’t have the skillset to rebuild our entire site in CSS so that option is a no-go.

We are open to any suggestions on how to make this happen. Thanks!

This wouldn’t be possible in JS however CSS access for Wix Editor is in the works. You can follow this issue to be notified when it becomes available: Wix Editor Request: Accessing the CSS Code (Style Sheet) of Your Site | Help Center | Wix.com