title: How to play CSS3 transitions in a loop?
body: <p>The following style is just an example of how to set transitions in CSS3. <br/> Is there a pure CSS trick to make this play in loop?</p>
  
  <pre><code>div {
      width:100px;
      height:100px;
      background:red;
      transition:width 0.1s;
      -webkit-transition:width 0.1s; /* Safari and Chrome */
      -moz-transition:width 0.1s; /* Firefox 4 */
      -o-transition:width 0.1s; /* Opera */
      transition:width 0.1s; /* Opera */
  }
  
  div:hover {
      width:300px;
  }
  </code></pre>