Псевдоэлемент треугольника в ссылке. Как запилить?

Question

[Heorhii]

Нужно сделать примерно так же. Сам хз как запилить. Уже и стили ворда перебирал и гуглил. Максимум чего добился - урезанный треугольник. Почему и как так происходит - без понятия, дело не в размерах...
Буду благодарен за любую помощь

Answer 1

[Кирилл]

Как-то так codepen.io/Kublyakov/pen/pbexWP
В помощь вам: www.cssarrowplease.com

Answer 2

[Александр]

Разные геометрические фигуры с помощью CSS: https://m.habrahabr.ru/post/126207/ Вставляйте фигуру треугольник как псевдоэлемент и будет Вам счастье.

Answer 3

[Антон Федорян]

https://jsfiddle.net/slippyk/6kuyrLyt/

Comments

[Александр]

В Вашем варианте, если щелкнуть вне списка, то теряется активность элемента списка.