Streaming live at 10am (PST)

How to create colored hover effect


Anyone knows how to create colored hover effect with multiple elements (icons, text, buttons on colored transparent object)

like in this case:

thank you!


Hi, I have done this using interactions (see my response to your other question for a screen grab). If you make a div for the feature box and then put your image into it and also a div with your overlay colour. Set the overlay colour to 0% opacity and then create a hover interaction that will chang the opacity of the coloured div to 100% (or whatever percentage you like), on hover off set it to 0% again.

You can add multiple hover triggers to the interaction to do other things like increasing the image size (make sure overflow is hidden).



I am still unclear on how to do this, can someone give me some screen grabs with more detailed instructions?


closed #5