title: Why isn't anime.js working?
body: <p>I'm trying to load anime.js into my website and it isn't working. I have downloaded the .ZIP and placed it into a subfolder called /js/ and reference correctly. I even can view the anime.min.js file in the sources on Chrome's inspection. </p>
  
  <pre><code>  &lt;body&gt;
      &lt;div class="container"&gt;
      &lt;div class="section center"&gt;
        &lt;h1 class="title"&gt;&lt;/h1&gt;      
            &lt;section&gt;
                  &lt;div class="purple"&gt;&lt;/div&gt;
                  &lt;div class="darkgreen"&gt;&lt;/div&gt;
                  &lt;div class="darkred"&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;/section&gt;      
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;footer class="center"&gt;
  
  
      &lt;p&gt;CREATED BY HARRY BENDIX-LEWIS | 2017&lt;/p&gt;
        &lt;/footer&gt;
        &lt;script src="js/anime.min.js" type="text/javascript"&gt;
        window.onload = function() {
        anime({
        targets: ['.purple', '.darkgreen', '.darkred'],
        rotate: 360,
        borderRadius: '50%',
        duration: 3000,
        loop: true
      });
      }
        &lt;/script&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p>I also have:</p>
  
  <pre><code>&lt;script src="js/anime.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In my head. </p>
  
  <p>Edit: forgot my CSS</p>
  
  <pre><code>div {
      height: 50px;
    width: 50px;
      margin: 10px;
  }
  
  .purple {
      background-color: purple;
  }
  
  .darkgreen {
      background-color: darkgreen;
  }
  
  .darkred {
      background-color: darkred;
  }
  </code></pre>
  
  <p>It makes no sense to me why the animation won't work. I took that code from an example page on <a href="https://codepen.io/swathisprasad/pen/qmNLEo" rel="nofollow noreferrer">CodePen</a>.</p>