Как сделать вот такой дизайн фона на веб странице?

Question

[pshevnin]

Добрый день, возник такой вопрос, как проще и правильнее всего сделать подобный дизайн для фона на сайте? Из Фигмы я могу скачать каждую линию по отдельности как векторное изображение. Возникают мысли взять одну линию, и смещать ее с изменением размера, но не уверен правильно ли это, и как это реализовать. Из инструментов, помимо css есть sveltekit, возможно это поможет

Comments

[Ankhena]

Взять одну целую SVG и не заниматься ерундой.
Вряд ли прописывание поведения для одной займет существенно меньше места и хоть как-то выиграет в производительности. Тем более, что они всё таки разные, а не просто уменьшенные.

[pshevnin]

Ankhena, Спасибо за ответ, не подскажете как это сделать в Figma? У меня сейчас каждая линия - отдельный объект, когда я выделяю их ысе с шифтом, могу экспортировать, но они все также по отдельности

[Ankhena]

pshevnin, объедините во фрейм или группу

Answer 1

[todaystudio]

Как по мне, то проще взять картинки под разные размеры экрана и показывать их в зависимости от ширины устройства в теге picture (клик)