А как верстают такой дизайн? Svg?

Question

[slip31]

Добрый день.
Боюсь, что такой вопрос задавали уже, но как найти не знаю. А как верстают вот такие страницы? тут

Вот этот "волнистый" фон. С помощью svg? И как делят на секции? z-index?

Comments

[Максим Тимофеев]

z-index ничего не делит, он указывает порядок слоев

С помощью svg?

много вариантов, в том числе и svg. Это как спросить "мне хочется кушать. Надо съесть помидор?" как бы да, но есть и другие варианты. Но и помидор не плох, как решение, если любите помидоры.

И как делят на секции?

не понятно что такое "секции" в Вашем понимании и что на этом рисунке надо делить. Я вижу фон, и контент, как и в любом другом шаблоне. Это можно решить голым html.

А как верстают вот такие страницы?

так же как и остальные, что в ней особенного?

Answer 1

[Александр Петров]

Не обязательно svg, можно и png просто картинкой на фон положить. Но я бы сделал svg, дабы качество было хорошее и без всяких png-шных размытий. Да и такая большая картинка в svg будет меньше размером чем png.

И надо учесть что будет происходить за листвой, ибо экраны бывают большие по ширине и у них картинка может не влезть в экран и тогда будут справа-слева пустые пространства. Надо листву дорисовать, чтобы логически перевести картинку в голубой фон.

Answer 2

[Петр Васильев]

Можно заморачиваться :
svg на фон, svg многослойный в секции.
А можно не заморачиваться : один png на фон секции

Answer 3

[Алишер Айдархан]

background-image: url();