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); }
}