我使用 WoW.js 和 animate.css 来为 my project 上的一些元素添加动画效果其中一个因素就是一动不动。这是一个跨度标签，上面写着“Learn How We Can Help You Reach Further”。在此标签上fadeInleft和slideInLeft虽然 bounceInRight 不起作用确实有效。
<div class="banner-content">
<h1 class="banner-header wow flipInX" data-wow-delay="0.2s">Welcome To Simpler Logistics</h1>
<span class="wow fadeInLeft" data-wow-delay="0.4s">See How We Can </span><span class="wow fadeInRight" data-wow-delay="0.4s">Help You Reach Further</span><br>
<button class="btn btn-trans wow fadeInUp" data-wow-delay="0.6s">Learn More <i class="fa fa-chevron-down hvr-icon-hang"></i></button>
</div>
更改<span>标签为<p>标签似乎有效(但这不是解决方案)，所以我寻找针对 span 的 css标签，但除了 font-size 之外没有任何标签
.banner-content span{
font-size: 2vw;
}
我尝试将其注释掉，只是为了检查，但事实并非如此。我尝试了每个 css 和 js 文件，但它们似乎都不是罪魁祸首。
接下来，我更新到了最新版本的animate.css和wow.min.js但问题仍然存在。
有人可以帮我调试这个问题吗？
最佳答案
<span>元素是 display:inline默认情况下，但是 <p>元素是 display:block .
尝试使用 CSS 制作 span 元素 display:inline-block
关于jquery - Animate.css:滑动动画不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32517222/