Как лучше сверстать этот блок?

Question

[Somebody_HELP_ME]

Всем привет, нужен совет.
Есть в макете этот прямоугольный блок из точек(кругов), он повторяется много где и с разными стилями(прозрачность, вращение), Также это отдельный слой, а не бэкграунд.

Такой вопрос: нужно ли каждый круг задавать дивами(40 штук) либо же можно экспортировать его в png/svg и не париться?

Answer 1

[Ankhena]

нужно ли каждый круг задавать дивами(40 штук)

То что вы пишете в разметке это контент. Эти точечки ни разу не контент.
Если вам охота писать пустые блоки, то с большой долей вероятности вы пишете г-код.

Вы можете делать эти точечки повторяющимся фоном из радиальных градиентов.
Можно для псевдоэлемента, чтобы было удобнее позиционировать.
https://jsfiddle.net/j68ra1fq/

Comments

[Somebody_HELP_ME]

с большой долей вероятности вы пишете г-код

Это про меня, к сожалению, этот этап тяжело перескочить в начале пути:)

Вы можете делать эти точечки повторяющимся фоном из радиальных градиентов.

Спасибо!:)

[Ankhena]

Somebody_HELP_ME,

Это про меня, к сожалению, этот этап тяжело перескочить в начале пути:)

Да, будет странно.
Но то, что вы это понимаете это отлично. Хуже, когда человеку кажется, что его код прекрасен.