title: AOS animated scrolling plugin doesn't appears
body: <p>I'm using <a href="https://css-tricks.com/aos-css-driven-scroll-animation-library/" rel="nofollow noreferrer">AOS</a> plugin, and once I run the plugin on localhost it fails to appear, but if I run it on <a href="https://codepen.io/michalsnik/pen/WxNdvq" rel="nofollow noreferrer">codepen</a> it runs perfectly.</p>
  <p>I have the same code as it appears in codepen and I've used <code>AOS.init</code> inside a <code>&lt;script&gt;</code> tag to run it.
  Also I have CDN stylesheet and script in my code.</p>
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;What To Eat - Home&lt;/title&gt;
          &lt;meta charset=&quot;UTF-8&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
          &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style.css&quot;&gt;
          &lt;link href=&quot;https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css&quot; rel=&quot;stylesheet&quot;&gt;
          &lt;script src=&quot;https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;javascript/script.js&quot;&gt;&lt;/script&gt;
          &lt;script&gt;
          AOS.init({
    duration: 1200,
  })
        &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  &lt;div class=&quot;item&quot; data-aos=&quot;fade-up&quot;&gt;1&lt;/div&gt;
  &lt;div class=&quot;item&quot; data-aos=&quot;fade-down&quot;&gt;2&lt;/div&gt;
  &lt;div class=&quot;item&quot; data-aos=&quot;fade-right&quot;&gt;3&lt;/div&gt;
  &lt;div class=&quot;item&quot; data-aos=&quot;fade-left&quot;&gt;4&lt;/div&gt;
  
  &lt;div class=&quot;item&quot; data-aos=&quot;zoom-in&quot;&gt;5&lt;/div&gt;
  &lt;div class=&quot;item&quot; data-aos=&quot;zoom-out&quot;&gt;6&lt;/div&gt;
  
  &lt;div class=&quot;item&quot; data-aos=&quot;slide-up&quot;&gt;7&lt;/div&gt;
  
  &lt;div class=&quot;item&quot; data-aos=&quot;flip-up&quot;&gt;8&lt;/div&gt;
  &lt;div class=&quot;item&quot; data-aos=&quot;flip-down&quot;&gt;9&lt;/div&gt;
  &lt;div class=&quot;item&quot; data-aos=&quot;flip-right&quot;&gt;10&lt;/div&gt;
  &lt;div class=&quot;item&quot; data-aos=&quot;flip-left&quot;&gt;11&lt;/div&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>And CSS is the same as you can see in codepen.</p>
  <p>I believe the browser version (Chrome - latest version) isn't the problem since I able to see the result in CodePen good enough.</p>
  <p>How can I run this plugin in my localhost?</p>