General Question | Tabs Effects?

[DoncoMarketing]

More curious than anything – is there a simple way to add panel transition to the V2 tabs element? It just seems so jumpy it would be nice to have a minimal fade or slight directional fade when each tab is clicked.

Per usual, thanks

[basanta]

Hi @DoncoMarketing,

Thanks for writing in!
Unfortunately, that needs custom JS and CSS coding, which is out of our theme support scope.

I can give you a CSS which might help you with this. But I can’t guarantee you for 100% result from and it depends on how you are using your element.

Please add this CSS to your Theme Option -> CSS and let us know if that helps.

.x-tabs-panel {
-webkit-transition: 1s; /* Safari */
    transition: 1s;
  width: 100%;
  
  }
.x-tabs-panel:not(.x-active){
  display: block;
  opacity: 0;
  position: absolute;
}

Hope this works.

Thanks