title: Create counter using CSS keyframes
body: <p>Is it possible to create animated counter using keyframes by changing element content?</p>
  
  <p>As example:</p>
  
  <pre><code>.loop:before{
      animation: loop 10s linear;
  }
  
  @keyframes loop {
      0% {
          content: '0';
      }
      10% {
          content: '10';
      }
      20% {
          content: '20';
      }
      30% {
          content: '30';
      }
      40% {
          content: '40';
      }
      50% {
          content: '50';
      }
      60% {
          content: '60';
      }
      70% {
          content: '70';
      }
      80% {
          content: '80';
      }
      90% {
          content: '90';
      }
  }
  </code></pre>
  
  <p>In case it's impossible, is there a way to do it with HTML/CSS, without javascript?</p>