Striped triangle in CSS : <p>I'm trying to code a striped triangle in CSS, which will be a resize icon as you can normally find in the lower right of a window such as this one: <a href="https://i.stack.imgur.com/HkLqk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HkLqk.png" alt="enter image description here"></a></p>

<p>I tried using repeating-linear-gradient and creating a triangle with the div-border trick, but I can't combine those, as the triangle is made from borders, and the gradient is for background.</p>

<p>So how do I get a div that looks like the image? I can't find anything helpful on google or here on stackoverflow.</p>

<p>Any help is highly appreciated :)</p>
