title: how would one make multiple text shadows appear in order?
body: <p>i've tried using <code>transition: all .4s steps(4, end);</code> but of course, all the shadows appear in four steps, though i'd like one shadow to appear, then the next, and the next, and so on, in the <code>.4s</code>  of the transition</p>
  
  <p>CSS:</p>
  
  <pre><code> a {
      color: white;
      text-decoration: none;
  }
  a:hover, a:active {
      text-decoration: line-through;
      transition: all .4s steps(4, end);
      text-shadow: 6px 2px rgba(255, 255, 255, .4), -6px 2px rgba(255, 255, 255, .8), 6px -2px rgba(255, 255, 255, .2), -6px -2px rgba(255, 255, 255, .6);
  }
  </code></pre>