title: How to make a shining effect over a text in jQuery?
body: <p>I want to make a realistic shining effect over a text, I've tried solving it with pure css but ended up with this.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
      setInterval(function() {
          setTimeout(function() {
              $('div span:nth-child(4)').removeClass('shine');
              $('div span:nth-child(1)').addClass('shine');
          }, 200);
          setTimeout(function() {
              $('div span:nth-child(1)').removeClass('shine');
              $('div span:nth-child(2)').addClass('shine');
          }, 400);
          setTimeout(function() {
              $('div span:nth-child(2)').removeClass('shine');
              $('div span:nth-child(3)').addClass('shine');
          }, 600);
          setTimeout(function() {
              $('div span:nth-child(3)').removeClass('shine');
              $('div span:nth-child(4)').addClass('shine');
          }, 800);
      }, 1000);
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div{
    height:50px;
    line-height:50px;
    background:#3498db;
    color:#ccc;
    font-family:tahoma;
    font-weight:bold;
    font-size:40px;
    text-transform:uppercase;
    text-align:center;
  }
  div span{
    -webkit-transition: color 0.5s;
     transition: color 0.5s;
  }
  .shine{
    color:#fcfcfc;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div&gt;
    &lt;span&gt;T&lt;/span&gt;
    &lt;span&gt;e&lt;/span&gt;
    &lt;span&gt;x&lt;/span&gt;
    &lt;span&gt;t&lt;/span&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I'm looking for something similar to this</p>
  <p><a href="https://i.stack.imgur.com/8z9vM.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8z9vM.gif" alt="enter image description here" /></a></p>