title: display css at 100% of animation
body: <p>I am not sure the best title to describe my problem but i would like to have the effect to reveal the text on my page. I follow the example online <a href="https://polymermallard.medium.com/pure-css-wiping-gradient-text-reveal-1bbddc2aeb54" rel="nofollow noreferrer">pure-css-wiping-gradient-text-reveal</a> by using animation <code>linear-gradient</code> and <code>-webkit-mask-image</code>. it seems fine but is there any way for me to keep all text to be reveal after animation finish?</p>
  <p><a href="https://codesandbox.io/s/hardcore-lalande-k2biv?file=/src/styles.css" rel="nofollow noreferrer">codesandbox</a></p>