Tabs nestable ease or smooth animation between tabs on click

How To
1

Good morning, how it will be possibile to add ease or some smooth animation when i click tabs.
So, I have the first tab active, i click the second tab (not active) and then, the first tab become not active and the second tab become active.
How i can add ease or smooth every time that i click tabs. something that make smoother the passage from active state to non active state between tabs.
Thanks
Davide

2

this is something i’m trying to do. i’ve added a tradition class everywhere but i’m not able to make it work.

3

I found a solution if you are interested
You add the same class to every tab, and in the css for every tab (when the class that you created it’s on, you add this code:

 .tab-title.brx-open {
  max-width: 100%;
    min-width: 80%;
  z-index:20;
  transform: translate(-40px, 0px);
  transition: 0.5s ease;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

Like this you can have a ease effect when you click each tabs.

1 Like