title: display box shadow above the text
body: <p>Let's say I have a simple div with some paragraphs inside.</p>
  
  <p><img src="https://i.stack.imgur.com/2N5Nx.png" alt="enter image description here"></p>
  
  <p>I want to achieve a fading effect on the bottom of the div.</p>
  
  <p><img src="https://i.stack.imgur.com/fnj8d.png" alt="enter image description here"></p>
  
  <hr>
  
  <p>I have tried to set up a white shadow</p>
  
  <pre><code>box-shadow: inset 0 -15px 10px white;
  </code></pre>
  
  <p>but obviously this didn't work, since the <code>box-shadow</code> always appears under the text.</p>
  
  <p>How can I accomplish this in pure CSS?</p>
  
  <p>Thanks.</p>