Как сделать вот такую вот фишку в верстке?

Question

[Дмитрий Путилов]

Всем привет, возникла проблема в верстке, мне нужно реализовать вот такое вот соединение между карточками, то есть одна карточка, это один элемент div, и между ними вот такое вот соединение и вопрос в том, как это сделать

Comments

[Антон Литвиненко]

картинкой

[Ankhena]

Я бы делала псевдоэлементами

Answer 1

[Alexey Levicky]

Вариантов несколько

1. Использовать canvas
   
2. Использовать svg
   
3. Использовать псевдо-элементы after/before (возможен жесточайший геморрой)
   

Comments

[Дмитрий Путилов]

А вариант с SVG как реализовать можно?

[Alexey Levicky]

https://codepen.io/aleksays/pen/rNKVdxa?editors=1100