Как сверстать полоску состоящую из множества кругов?

Question

Серафим @Mr_Pride7

Ничего не умею, но хочу научиться

CSS

Как сверстать полоску состоящую из множества кругов?

Приветствую всех! Верстаю макет для стажировке, и возникли проблемы с со стилизацией блока. Вот что должно получиться.
.

Нужно сделать полоску из кружков, длина полосы должны меняться с разрешением. Пытался сделать так:
Серую полоску делал через пустой блок с верхней границей, сверху накладывал через before вторую с абсолютным позиционированием, но полоски криво накладываются(код не скидываю, т.к. параллельно практикую bem и пока это похожу на кашу)

Вопрос задан более трёх лет назад
205 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2019-03-06 16:32:14

В дополнение к Ankhena :

div {
  background: radial-gradient(ellipse at center, #ccc 0%, #ccc 50%, transparent 50%);
  background-size: 50px 50px;
  background-repeat: repeat-x;
  background-position: 0px center;
}

Пример на jsbin

Как сверстать полоску состоящую из множества кругов?

Войдите на сайт