WP烘焙Tab动画覆盖
WP烘焙Tab动画覆盖
提问于 2018-10-22 12:18:09
我正在试图覆盖WP Bakery的制表符动画，它将内容垂直地在视图中或从视图中移出。我是一个前端设计师与有限的JS经验。该网站运行一个主题，但从我在代码中可以看出，标签和动画被编码为烘焙组件。
只是在寻找一些代码来覆盖这个东西！从我的研究来看，对这种能力的引用似乎在其他地方是完全没有的。谢谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-12-26 10:03:53
通过使用这个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; }
}Stack Overflow用户
发布于 2018-11-27 04:45:26
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52937164
复制
相似问题
使用angularjs在分隔页中加载外部库
AngularJS & Bootstrap模式加载模板外部控制器
在angularjs中重新加载外部控制器
AngularJS控制器工作，但不加载html页。
angularjs控制器模块参考加载空白页
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
