Problem with tab interaction

Design help Animations & Interactions
1

Hello, I’m using a tab interaction on this section: דף הבית - שמים, and I want the active tab to behave like the hover state, but for some reason it doesn’t.
This is my read-only link: https://preview.webflow.com/preview/shamaims?preview=13568a12f3ce73f8bcc49e65915b7cea

Thank you,
Naama.

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

2

Hi Naama,

I can’t see any hover state on your tabs neither on your active object,
What do you want to happen?

L.

3

Hi @lucasolsson, this is the section i’m referring to:

18%20AM
18%20AM2880×1263 493 KB

each one of these squares is a tab and has an hover state.
At the moment, when one of these squares is clicked, it’s doing it’s interaction, but the square itself is supposed to remain the same as it is in hover state and that’s why I added a tab interaction, but it’s not working.

4

Hey,

it seems like your read-only link doesn’t work can you update so i can take a look :slight_smile:

L.

5

https://preview.webflow.com/preview/shamaims?preview=2f0f89aaca9443db556d13d4e6e748f8

6

@lucasolsson I understand now that there’s a conflict between the hover and the active states, but I don’t know how to solve it.

7

@Naama I’m not sure but you can you try to make a copy of a new active tab animation that has no transition on your current object… with that said just delete this 23
and make it a try!