title: How to make shaped background using linear gradient?
body: <p>How to make side beveled background using linear gradient?
  <a href="https://i.stack.imgur.com/3V9aq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3V9aq.png" alt="enter image description here" /></a></p>
  <p>html:</p>
  <pre><code>&lt;div class=&quot;signpost&quot;&gt;
          &lt;div class=&quot;column&quot;&gt;
             
          &lt;/div&gt;
          &lt;div class=&quot;column bg-gray&quot;&gt;
             
          &lt;/div&gt;
          &lt;div class=&quot;column&quot;&gt;
          
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>css:</p>
  <pre><code>.signpost {display: table; width: 100%; height: 100vh; }
  .signpost .column {display: table-cell; width: 33.33%; height: 100%; text-align: center;}
  .bg-gray {background-image: linear-gradient(to left bottom, #ededed 0%, #ededed 100%, white 0%, white 0%);}
  </code></pre>
  <p><a href="https://jsfiddle.net/1au9ctyx/" rel="nofollow noreferrer">Example</a></p>
  <p>Thank you for help!</p>