WP Bakery 选项卡动画覆盖

Question

我正在尝试覆盖 WP Bakery 的选项卡动画，该动画将内容垂直滑入和滑出视图。我是一名前端设计师，JS 经验有限。该网站运行一个主题，但从我在代码中可以看出，选项卡和动画被编码为 Bakery 组件。

只是寻找一些代码来覆盖这个东西！在我的研究中，其他地方似乎完全无法提及这种能力。谢谢！

Answer 1

我能够使用此 CSS从视觉作曲家面包店tab和组件中删除垂直动画。pageable container我必须根据选项卡的位置指定顶部和底部 css 类。此示例非常详细地展示了如何覆盖所有流行浏览器上的垂直动画。本质上，您需要在上设置transform和。我想向面板添加自定义淡入淡出效果，因此我将淡入淡出添加到变换和过渡覆盖下方的相同 css 类中。transitionnone.vc_tta-panel-bodyanimation

.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel .vc_tta-panel-body,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel .vc_tta-panel-body {
    -webkit-transform: none; 
    -moz-transform: none; 
    -ms-transform: none; 
    -sand-transform: none; 
    -o-transform: none; 
     transform: none; 
    -webkit-transition: none; 
    -moz-transition: none; 
    -o-transition: none; 
    transition: none; 
    animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}