jquery - Animate.css:滑动动画不起作用

Question

我正在使用 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但问题仍然存在。

有人可以帮我调试这个问题吗？

Answer 1

<span>元素是 display:inline默认情况下，但是 <p>元素是 display:block .

尝试使用 CSS 制作跨度元素 display:inline-block