title: Adding Exit Animation on a Webpage
body: <p>I am using the animate.css animations <a href="http://daneden.github.io/animate.css/" rel="nofollow">found here</a>. And I am trying to use the window.onbeforeunload functionality in JavaScript. It works on Firefox, but I can't get it to work with chrome. Is there a more compatible way to do this. My code so far is imbedded in the html file just so I can figure this out, but the accomplishments id is for an aside and the class "animated fadeOutLeft" is used to call the animation, which works. I just want it to wait until the page is going to another internal link before it does that.</p>
  
  <p><strong>MY CODE</strong></p>
  
  <pre><code>&lt;script&gt;
      window.onbeforeunload = loadOut;
      function loadOut () {
          document.getElementById('accomplishments').className
          document.getElementById('accomplishments').className + 'animated fadeOutLeft';
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Now I am open to using JavaScript, JQuery, SASS, LESS, CSS, and/or any other method. The desired outcome is to get the animation to occur when a person clicks a site internal link. The goal is to make this look more like a app than a webpage.</p>