треугольник на

Нужно сверстать вот так

Есть подменю, где в вёрстке используется треугольник на cssПроблема в том что его прозрачные границы "закрывают" ссылки в подменю

Как сделать такой треугольник на css? При этом треугольник по высоте растянут, не равносторонний Посоветуйте, если эту стрелку нужно показывать только при наведении на пункт меню, нужно ли здесь использовать svg? Пунктов меню может быть очень много из-за вложенности Получается в конце каждого пункта нужно вставлять svg?

Как нарисовать такой треугольник на JavaScript?