Как сделать это через before или after?

Question

[aftar]

Здравствуйте! Подскажите пожалуйста как можно сделать это через псевдоэлемент, если на заднем фоне будет еще bg c изображением.

Answer 1

[Вадим Кот]

https://codepen.io/web-tech/pen/pXLXBG

Comments

[aftar]

спасибо огромное, то что нужно!

Answer 2

[andrash_]

Это dot leader
Вот так

Comments

[aftar]

данный способ не подходит, на заднем плане будет bg изображение

[andrash_]

aftar, w3c

[aftar]

andrash_, так не подойдет, из-за того что "..." в span перекрываются цветом bg. В моем случае будет изображение. соответсвенно я не смогу задать span bg color

[andrash_]

aftar, Создайте div - в нем выводи 50 точек, например. задай ему overflow: hidden; и z-index.
У цены задай z-index больше.

[aftar]

andrash_, я хотел узнать можно ли сделать без лишнего diva

[andrash_]

aftar, ну ты же сам говоришь, что у тебя есть фон. Создай span, ему display: block еще

Answer 3

[ViktorWhere]

Можно вот так. https://codepen.io/anon/pen/RzMzqV

Comments

[aftar]

данный способ не подходит, на заднем плане будет bg изображение

Answer 4

[FeST1VaL]

Как вариант через flex.
Единственный минус, это то что точки картинкой)
Я взял первую попавшуюся точку) фон можно конечно же вокруг сделать прозрачным. Расстояние редактировать через саму картинку точки)

Comments

[aftar]

у думал может можно сделать без лишнего diva item__dots

[FeST1VaL]

aftar, ну я придумал ток на скорую руку такое)