Как сделать такой треугольник на css?
При этом треугольник по высоте растянут, не равносторонний
Посоветуйте, если эту стрелку нужно показывать только при наведении на пункт меню, нужно ли здесь использовать svg? Пунктов меню может быть очень много из-за вложенности
Получается в конце каждого пункта нужно вставлять svg?
<ul>
<li><a href="#">title</a>
<ul>
<li><a href="#">title</a>
<ul>
<li><a href="#">title</a>
<li><a href="#">title</a>
<li><a href="#">title</a>
</ul>
</li>
<li><a href="#">title</a>
<ul>
<li><a href="#">title</a>
<li><a href="#">title</a>
<li><a href="#">title</a>
</ul>
</li>
<li><a href="#">title</a>
<ul>
<li><a href="#">title</a>
<li><a href="#">title</a>
<li><a href="#">title</a>
</ul>
</li>
</ul>
</li>
<li><a href="#">title</a>
<ul>
<li><a href="#">title</a>
<ul>
<li><a href="#">title</a>
<li><a href="#">title</a>
<li><a href="#">title</a>
</ul>
</li>
<li><a href="#">title</a>
<ul>
<li><a href="#">title</a>
<li><a href="#">title</a>
<li><a href="#">title</a>
</ul>
</li>
<li><a href="#">title</a>
<ul>
<li><a href="#">title</a>
<li><a href="#">title</a>
<li><a href="#">title</a>
</ul>
</li>
</ul>
</li>
</ul>