Hi, I am trying to replicate the example 2 of tabs.webflow.com - image gallery using tabs below the main picture in tab content. I am unable to set the interactions / css to work on tab open close and hover.
What is the correct way of setting the interactions togehter with hover opacity change?
You don’t need any Interaction for the hover opacity change.
Select the thumbnail element (the tab) and give it opacity 90%. Also click on Transitions and add transition for All. Then on the top of the styles tab (close to the class name) , select the hover state and set it to 100%.
Before giving your tabs extra classes to add your images as backgrounds, do this:
select a tab, NOT the one with the “current” class. set opacity 90%. switch to hover and set opacity 100%.
select the tab with the “current” class and set opacity 100%.