Question

我正在使用带有animate.css的WoW.js来动画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，但没有任何除{ {1}}

font-size

我试着将它评论出来，只是为了检查，但事实并非如此。我尝试了iolating每个css和js文件，但它们似乎都不是罪魁祸首。

接下来，我更新到.banner-content span{ font-size: 2vw; }和animate.css的最新版本，但问题仍然存在。

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

Answer 1

默认情况下，

<span>元素为display:inline，但<p>元素为display:block。

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

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

1 个答案: