title: Turn Off CSS3 Animation With jQuery?
body: <p>I have an object that has an animation when the page is loaded:</p>
  
  <pre><code>.logo-mark {
          -webkit-animation: spin 2s 1 cubic-bezier(0.000, 0.000, 0.230, 1.000);
              -moz-animation: spin 2s 1 cubic-bezier(0.000, 0.000, 0.230, 1.000);
              -ms-animation: spin 2s 1 cubic-bezier(0.000, 0.000, 0.230, 1.000);
              animation: spin 2s 1 cubic-bezier(0.000, 0.000, 0.230, 1.000);
      }
  </code></pre>
  
  <p>At a certain time, I want JavaScript to turn on a specific animation that occurs endlessly, until JavaScript stops said animation. So I simply made another class named .logo-loading, and at certain times, jQuery does an addClass and a removeClass.</p>
  
  <pre><code>.logo-loading {
              -webkit-animation: spin 4s infinite linear;
                  -moz-animation: spin 4s infinite linear;
                  -ms-animation: spin 4s infinite linear;
                  animation: spin 4s infinite linear;
          }
  </code></pre>
  
  <p>However, when JavaScript removes the class, the object just keeps rotating no matter what. Is there anything I can do here?</p>