title: is it possible make a text color to inherit a its parent background color?
body: <p>I have a linear-gradient background; I am trying to make a text element color to "inherit" that linear-gradient background color while scrolling. </p>
  
  <p>Look like this:  <a href="https://imgur.com/a/4GiwHMv" rel="nofollow noreferrer">https://imgur.com/a/4GiwHMv</a></p>
  
  <p><em>Note</em> Because it is linear-gradient background, set the Text color to constant is not ok.</p>
  
  <p>Assume my code structure looks like this </p>
  
  <pre><code>&lt;LinearGradient&gt;
     &lt;Text id="textA"&gt;Hello World&lt;/Text&gt;
  &lt;/LinearGradient&gt;
  </code></pre>
  
  <p>I already tried give the <code>&lt;Text&gt;</code> a style </p>
  
  <pre><code>#textA {
     color: transparent;
     background-color: white;
  }
  </code></pre>
  
  <p>However, because the background-color is under the color, setting the color to transparent would only become white</p>
  
  <p>is it possible to do similar to the image <a href="https://imgur.com/a/4GiwHMv" rel="nofollow noreferrer">https://imgur.com/a/4GiwHMv</a> by using pure css? If not, is there any ways to achieve that?</p>
  
  <p>Thank</p>