title: Box-shadow only on right and left
body: <p>I need to make a box-shadow only on the right and left of an element. It should fade and get thinner to the top and bottom. It also shouldn't oveflow on top and bottom. </p>
  
  <p><img src="https://i.stack.imgur.com/tLxa0.jpg" alt="box-shadow effect right and left"></p>
  
  <p>The main issue is that I can't prevent the shadow to overflow on the top and bottom of the element.</p>
  
  <p>This is what I have :</p>
  
  <p><em>HTML :</em></p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p><em>CSS :</em></p>
  
  <pre><code>div{
      box-shadow: 0px 0px 20px 0px #000000;
  }
  </code></pre>