title: Smoother CSS animation
body: <p>I have been trying all the morning to make this more smoother:
  <a href="http://codepen.io/alexrts/pen/jbNrXo" rel="nofollow">http://codepen.io/alexrts/pen/jbNrXo</a></p>
  
  <pre><code>-webkit-animation: pulse 1.4s ease-out; 
  -moz-animation: pulse 1.4s ease-out; 
  animation: pulse 1.4s ease-out; 
  -webkit-animation-iteration-count: infinite; 
  -moz-animation-iteration-count: infinite; 
  animation-iteration-count: infinite;
  </code></pre>
  
  <p>As you can see, it looks a little bit robotic. 
  Does anybody knows if there's a way to do it without javascript?</p>
  
  <p>Best,
  Alex</p>