Streaming live at 10am (PST)

How to create a Hover state/Hover Effect interaction


#1

Hello there again!

I honestly have been given lots of help here! Thankssss a tonnnnnn <3

Another hopefully quick question - how do I create a highlight effect when the mouse is over a block? Illustrated as below:

original state:

Hover state:

How do I do this? :smiley:

This is my link: https://preview.webflow.com/preview/jason-chens-marvelous-project?preview=b35e364ae2379ebef6bfb9854dec1159

Thanks!!!
Jason


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


#2

Hi @Jason_Runyuan_Chen, thanks for the great question. There are couple of ways to do it, the first way is to select the div block 12 and then set the Hover state on the element.

See how to use States here: https://university.webflow.com/article/states

Second method is to use interactions, see this article: https://university.webflow.com/article/how-to-set-up-a-hover-interaction

I hope this helps!


#3

THANK YOU SO MUCH AGAIN @cyberdave


#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.