Looking for a creative way to design a translucent responsive triangle with just one side of its border colored within a div.
I came across a method online that involves using two triangles stacked on top of each other, but my preference is to have the triangles be translucent so the background image of the div remains visible.
Here's an example of what I'm aiming for: https://i.sstatic.net/eZPjB.jpg
If you have any ideas or solutions, I would greatly appreciate your help!