Как реализовать такой элемент в CSS?

Question

[NeKt0]

Верстаю сайт по макету. Наткнулся на сложный для меня элемент, который никак не получается реализовать:



Кто может подсказать, как делать такие указатели?

Пробовал с помощью clip-path: polygon(), но что-то не задалось. Псевдоэлементы тоже не пошли.

Answer 1

[Алексей Орлов]

Например, вот так.

Comments

[NeKt0]

Интересный вариант, благодарю. Сразу видно опытного верстальщика. :-)

[Алексей Орлов]

Олег Бубнов, Это как пример, размер блоков можно менять как угодно, также как и серую стрелку.

Answer 2

[Мар'ян Витак]

triangle-generator