title: How to trigger animate.css on page load
body: <p>I am using Dan Eden's animate.css to animate my slideshow elements. This is how I trigger animations on page load:</p>
  
  <p><strong>CSS:</strong> </p>
  
  <pre><code>body.loading .animated {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    -webkit-animation-duration: 60s !important;
    animation-duration: 60s !important;
    -webkit-animation-delay: 60s !important;
    animation-delay: 60s !important;
  }
  </code></pre>
  
  <p>First I delay all animations 60s. Which should be enough to load any site.
  Than I remove <code>.loading</code> from body on page load, so that the default <em>.animated</em> delay and duration of 1s is being used.</p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>jQuery(window).load(function() {
    jQuery("body").removeClass("loading");
  });
  </code></pre>
  
  <p>This was working like a charm until I updated Google Chrome a couple of days ago. It is still working fine in all other browsers. Just Chrome is giving me a headache here. Looks like the 60s delay is still being used, though the class of <code>.loading</code> has been removed from body.</p>
  
  <p>I would like to know if anyone has a working solution to trigger animate.css on page load.</p>