2

我正在使用带有 animate.css 的 WoW.js 为我的项目中的一些元素设置动画，其中一个元素只是没有变化。这是一个跨度标签，上面写着“ 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;
}

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

接下来，我更新到最新版本，animate.css但wow.min.js问题仍然存在。

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

4

1 回答 1

2

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

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

于 2016-08-25T05:08:31.283 回答