title: Is it possible to cut out a triangle section from a div using CSS?
body: <p>Is it possible to cut a triangle from a <code>&lt;div&gt;</code> like in the picture below?</p>
  
  <p>The background is actually not just colour, but in my case is a blurred picture, so I can’t simply cover the green <code>&lt;div&gt;</code> with a brown triangle image. Is there some other CSS way to achieve this effect? Thanks.</p>
  
  <p><img src="https://i.stack.imgur.com/lJh7F.png" alt="example of div cut"></p>