title: CSS animation not working on span with animate.css
body: <p>I have a <code>&lt;button&gt;</code> and a <code>&lt;span&gt;</code> inside a tab. I want to add animate.css classes to span when hover over button. I'm using angular to include them. </p>
  
  <p>It doesn't work in chrome (it does work in ie):</p>
  
  <pre><code>&lt;div&gt;
      &lt;button ng-mouseover="one()" ng-mouseleave="two()"&gt;Hover over me&lt;/button&gt;
      &lt;span ng-class="{animated : zero, bounce : zero}"&gt;Animate me&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      function controlTotal($scope) {
  
          $scope.zero = false;
  
          $scope.one = function () {
              $scope.zero = true;
          };
  
          $scope.three = function () {
              $scope.zero = false;
          };
  
      };
  &lt;/script&gt;
  </code></pre>