title: CSS / jQuery - Cycle through random characters
body: <p>I have a simple HTML snippet like this:</p>
  
  <pre><code>&lt;div class="numbers"&gt;
      &lt;span&gt;1&lt;/span&gt;
      &lt;span&gt;3&lt;/span&gt;
      &lt;span&gt;9&lt;/span&gt;
      &lt;span&gt;2&lt;/span&gt;
      &lt;span&gt;5&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to make the numbers cycle randomly 1-9 live on the screen, so each span will fade between 1-9.</p>
  
  <p>I am planning on using Javascript / jQuery to try and achieve this, but before I start I wanted to see if this is something that is possible using just CSS instead?</p>
  
  <p>Does anybody have an example of something similar being done?</p>