title: Webkit animation works fine in chrome, but not in safari
body: <p>I attempting to create a pulse animation. So far it works fine in chrome, but in Safari it doesn't do anything.</p>
  
  <pre><code>#cogFlower:hover
  {   
      -webkit-animation-name: pulse;
      -webkit-animation-duration: 3s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in-out;
  }
  
  @-webkit-keyframes pulse {
     0%   { -webkit-transform:rotate(0deg);}
     25%  { -webkit-transform:rotate(90deg);}
     50%  { -webkit-transform:rotate(180deg);}
     75%  { -webkit-transform:rotate(270deg);}
    } 
  </code></pre>
  
  <p>If you want to see a demo of what I'm doing, you can view it here:
  <a href="http://www.thestoicsband.com/" rel="nofollow">http://www.thestoicsband.com/</a></p>
  
  <p><em>the login details are:
  username: guest, password: guest123</em></p>
  
  <p>Thanks for your help.</p>
  
  <p>Cheers Will</p>