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 文件，但其中 none 似乎是罪魁祸首。

接下来，我更新了animate.css和wow.min.js的最新版本，但问题依然存在

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

Answer 1

<span> 个元素默认为 display:inline，但 <p> 个元素默认为 display:block.

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

Animate.css：滑动动画不起作用

Animate.css: sliding animations not working

css

jquery

animation

animate.css

wow.js