Как рисовать круги на пунктирной линии через равный промежуток?

Question

[JordanBelford]

Здравствуйте! Почитал в интернете, народ пишет создавать пустые блоки абсолютно позиционировать и выравнивать. А есть ли какие - нибудь другие варианты ? Не хотелось бы создавать +100500 пустых блоков.

Answer 1

[ⓒⓢⓢ]

как пример, ещё можно так
https://jsfiddle.net/5mfcw84j/

Answer 2

[dollar]

Если ширина фиксирована, то png.

Если резина, то тоже можно картинкой в хорошем разрешении с широким размытием, которое сожмётся в аккуратный край даже тупым алгоритмом.

Comments

[JordanBelford]

Эхх, до последнего не хотелось картинкой делать

[dollar]

JordanBelford, всегда остаётся вариант в 100500 блоков. :)

В принципе можно даже запихнуть картинку в <noscript>, и параллельно инлайн-скриптом делать через канвас. Самый норм вариант, как мне кажется.

[ниндзя оп оп]

svg

[dollar]

svg

Кстати, да, тоже вариант)