Нужно посмотреть весь макет и понять, то что помечено красными стрелками повторяется где-то ещё или нет и как ведет себя при адаптиве.
И решить, можно ли их слить вместе с мужиком.
Если нет, то можно ли их слить в одну SVG.
Если снова нет, то множественный фон с нужными bg position.
Мужик псевдоэлементом (ну или тоже фоном, как вам удобнее).
"Блюр" - обычно это какие-то размытые SVG.
Ставите их на фон.
Если сайт будет сильно тормозить от таких SVG, то заменить на png и не забыть про ретину и разные размеры.
Ankhena, А зачем svg? Крестик, зигзаг, кружок и треугольник не проще сущностями задать?
Будьте добры, объясните, почему свг проще и короче в написании?
ambisinister One, ну предположим, вы найдете верхнюю левую закорюку в html-сущностях и остальные правильной толщины...
Сколько псевдоэлементов вам нужно будет сделать и прибить абсолютом? Некоторые там ещё двоятся.
Но вы в праве считать, что это короче и проще, чем свойство background.
Если анимация этих элементов не нужна, то я бы весь фон картинкой сделал.
Если они должны как-то себя вести (следовать за мышью, увеличиваться при наведении и проч), то однозначно элементами с абсолютным позиционированием.
Простой
Это реально проще...
