Tabs module smooth transition

Smooth CSS transition when showing the content in the Tabs module.
The result in video: https://cl.ly/7915103dde8a

.fl-tabs-labels .fl-tabs-label:focus, 
.fl-tabs-labels .fl-tabs-label:focus {
    outline: none !important;
}
.fl-tabs-panel-content.fl-tab-active {
    animation-name: show-tab;
    animation-duration: 1s;
}
@keyframes show-tab {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
2 Likes