title: Darken Behind Text in CSS Without Shadow?
body: <p>I'm trying to darken the area behind my text because it makes it mare legible in some places (I just need this in my hero). Right now I'm using multiple shadows with a lot of blur (see below) but this makes the gradient rather rough, and isn't the smooth, "glossier" look I'm going for. </p>
  
  <p>Here's an image of what it does:</p>
  
  <p><img src="https://i.stack.imgur.com/0jzzA.png" alt="Problematic shadowing"></p>
  
  <p>But what I actually want is something more like the shadow here:</p>
  
  <p><img src="https://i.stack.imgur.com/YOHzk.png" alt="Good shadowing"></p>
  
  <p>Is there a way to make an object or something that surrounds the text or is the shape of the text? </p>
  
  <p>Thanks! And here's what I'm using now: </p>
  
  <pre><code>text-shadow: 0px 0px 80px rgba(0,0,0,1),
               0px 0px 70px rgba(0,0,0,1),
               0px 0px 60px rgba(0,0,0,1),
               0px 0px 50px rgba(0,0,0,1),
               0px 0px 40px rgba(0,0,0,1),
               0px 0px 30px rgba(0,0,0,1);
  </code></pre>