Как расположить лучше?

Question

[s1zen]

Как расположить эти элементы лучше фоном или элементами?
и как расположить задний блюр, фоном?
Если не сложно можете прислать код примера

Comments

[Ankhena]

Нужно посмотреть весь макет и понять, то что помечено красными стрелками повторяется где-то ещё или нет и как ведет себя при адаптиве.
И решить, можно ли их слить вместе с мужиком.
Если нет, то можно ли их слить в одну SVG.
Если снова нет, то множественный фон с нужными bg position.

Мужик псевдоэлементом (ну или тоже фоном, как вам удобнее).

"Блюр" - обычно это какие-то размытые SVG.
Ставите их на фон.
Если сайт будет сильно тормозить от таких SVG, то заменить на png и не забыть про ретину и разные размеры.

[ambisinister One]

Ankhena, А зачем svg? Крестик, зигзаг, кружок и треугольник не проще сущностями задать?
Будьте добры, объясните, почему свг проще и короче в написании?

[Ankhena]

ambisinister One, в разметку чтоль?

[ambisinister One]

Ankhena, Я после почти трёх дней бодрствования, немного подтормаживаю)
В какую разметку? html?

[Ankhena]

ambisinister One, давайте лучше вы соберетесь с мыслями и расскажете о каких сущностях речь, применительно к этим "мулькам".

[ambisinister One]

Ankhena, Это реально проще...

[Ankhena]

ambisinister One, ну предположим, вы найдете верхнюю левую закорюку в html-сущностях и остальные правильной толщины...
Сколько псевдоэлементов вам нужно будет сделать и прибить абсолютом? Некоторые там ещё двоятся.

Но вы в праве считать, что это короче и проще, чем свойство background.

[ambisinister One]

Ankhena, Вы найдёте там любую форму и фигуру. На всю Вашу Фантазию и немного больше)

[Ankhena]

ambisinister One, я не буду вам мешать показать вариант решения.

[s1zen]

Ankhena, спасибо

Answer 1

[Антон Романков]

Если анимация этих элементов не нужна, то я бы весь фон картинкой сделал.
Если они должны как-то себя вести (следовать за мышью, увеличиваться при наведении и проч), то однозначно элементами с абсолютным позиционированием.