Continuous Animations on Hover

Is there a way to integrate Wix effects into your code and have it play continuously while a certain event is in effect?

For example, when I hover over “View Case Study” (text137) I want the blue line (line8) to slide/glide to the right across the gray baseline continuously. I’ve written this below, but not sure if it is correct — it doesn’t animate on the first hover either.

export function text137_mouseIn(event) {

let glideOptions = {
“duration”: 800,
“delay”: 0,
“angle”: 270,
“distance”: 50
};

$w("#line8").show("glide", glideOptions); 

}

Hello Cherin,

To do this you would need custom javascript. To add custom javascript to your website follow this link here for instructions: Velo: JavaScript Support | Help Center | Wix.com

I would suggest finding a cool, simple animation library and working with that. and on mouse in you show the embedded html and on mouse out you show a static picture or text

Good luck!