title: Create arrow without fill using CSS
body: <p>Creating a triangle using CSS is pretty easy and common practice, but is it possible to create a triangle in a similar way with a transparent background and just a border.</p>
  
  <p>This is what I would like to create:</p>
  
  <p><a href="https://i.stack.imgur.com/1Htbj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1Htbj.png" alt="Scroll Triangle"></a></p>
  
  <p>Given the way triangles are typically made, I dont really know where to start as they rely on pseudo elements and overlapping borders etc. This obviously cannot be done if the border is transparent...</p>
  
  <p>Does anyone have any ideas of how to do this? Is it even possible?</p>