Streaming live at 10am (PST)

Custom hover animation?

Is there a custom code available to make this hover animation?
If a user hovers over text, a brush stroke appears/paints over text.


Here is my public share link: LINK
(how to access public share link)

hi @Christopher_Lee and welcome, yes it is possible. You can add background image to your link wrapper and than use animation tools to reveal it ion hover

Hi stan thanks for the reply. I still cant quite figure out how to make it reveal over text.

I was watching webflows reveal on hover but the video doesnt show how to select the background image. I tried the animation but it reveals both the text and the paint stroke as a whole.

Can you point me in the right direction? Thanks!

hope that you will get an idea, only problem is that I didn’t find how to make transition to work as CSS code for some reason does not working.

Stan,

If you want to animate the brush stroke, you’ll need to add a container above the image with “Overflow” set to “hidden”, then animate the div to move in on mouse-hover.