Можно ли нарисовать такую линию с помощью CSS?

Question

[alright756]

Можно ли нарисовать такую линию и стрелку с помощью CSS?
Пробовала через border dotted, но расстояние между точками маленькое

Comments

[iBird Rose]

сделай svg паттерн и вставь через background с repeat-x

[Ankhena]

Можно SVG как фон или как border-image
Можно извратиться и нарисовать точечку радиальным градиентом и размножить

Answer 1

[Дмитрий Комчев]

По середине значок есть похожий html symbol.
По бокам сделать ::before и ::after с помощью linear-gradient. Типо такого:

height: 3px;
background-image: linear-gradient(90deg, #ccc, #ccc 13%, transparent 0%, transparent 0%);
background-size: 21px 3px;