title: CSS3 Animated Rings
body: <p>Looking for some help on trying to achieve a certain animation. I'm trying to create a sequence similar to the <a href="http://www.motionelements.com/stock-video-1336697-luminance-rings-tunnel" rel="nofollow">infinite expanding rings seen here</a>. (The example rings are contracting, I'm looking to go the other direction).</p>
  
  <p>I've got a pretty good start thus far, I'm just not sure how to go about making it loop "smoothly", or if it's even possible with only CSS.</p>
  
  <p>Any tips or ideas are greatly appreciated. Thanks!</p>
  
  <p>Demo: <a href="http://codepen.io/fractionwhole/pen/HljuG" rel="nofollow">http://codepen.io/fractionwhole/pen/HljuG</a></p>