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

【问题标题】：Animate.css: sliding animations not workingAnimate.css：滑动动画不起作用
【发布时间】：2015-12-07 15:30:40
【问题描述】：

我正在使用带有 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，但除了font-size 之外没有任何其他标记

.banner-content span{
    font-size: 2vw;
}

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

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

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

【问题讨论】：

请给我任何建议

标签： jquery css animation animate.css wow.js

【解决方案1】：

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

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

【讨论】：