通过使用这个CSS，我能够从visual、面包店、tab和pageable container组件中删除垂直动画。根据选项卡的位置，我必须指定顶部和底部的css类。这个例子详细地展示了如何在所有流行的浏览器上实现垂直动画.实际上，您需要将transform和transition设置为.vc_tta-panel-body上的none。我想在面板中添加一个自定义淡入，所以我将fadein animation添加到转换和过渡覆盖之下的同一个css类中。

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

票数 6

Stack Overflow用户

发布于 2018-11-27 12:45:26

通过谷歌找到这个CSS片段，它声明：

.vc_tta-panel.vc_animating {
    opacity: 0;
}

这隐藏了垂直动画，也在寻找一个JS修复。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52937164

复制

相似问题

问WP烘焙Tab动画覆盖
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WP烘焙Tab动画覆盖EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WP烘焙Tab动画覆盖
EN