title: How to create div with angle
body: <p>I would like to create div like this picture:</p>
  
  <p><img src="https://i.stack.imgur.com/P9uX3.png" alt="enter image description here"></p>
  
  <p>So far I created this:</p>
  
  <pre><code>&lt;div style="width: 300px; height: 200px; left:20px; top: 40px;"&gt;
  &lt;div style="width: 300px; height: 20px; top: 0px; background-color: #76b900; border-radius: 3px; "/&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>How I can add color gradient like the picture. And also how I can add 45 degree angle like the picture?</p>