title: Create 90 degree triangle-shaped elements
body: <p>I'm trying to find out a way to create the element as show in the image below in html/css. I know how to make 90 degree triangles with some css tricks, however I can't find a way to add a linear gradient to it in order to make it look like the image below. Thanks in advance!</p>
  
  <p><a href="https://i.stack.imgur.com/IRnnr.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IRnnr.jpg" alt="enter image description here"></a></p>