title: Simple CSS Animation Loop – Fading In & Out "Loading" Text
body: <p>Without Javascript, I'd like to make a simple looping CSS animation class that fades text in and out, infinitely.  I don't know a lot about CSS animations, so I haven't figured it out yet, but here's how far I've gotten:</p>
  
  <pre><code>@keyframes flickerAnimation { /* flame pulses */
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
  }
  .animate-flicker {
      opacity:1;  
      animation: flickerAnimation 1s infinite;
  }
  </code></pre>