Как сверстать разделенный фон?
Скажите, пожалуйста, как можно сверстать такой вот разделенный фон?
Фактура естественно не нужна. Просто два однотонных цвета с таким вот волнистым переходом. Спасибо!
Ответы (1 шт):
Автор решения: MaximLensky
→ Ссылка
Но если подумать то можно разделить первую часть : path а вторая часть это фон для rect в виде pattern'а
и в итоге это выглядит так:
<svg viewBox="0 0 1000 500">
<defs>
<pattern id="pattern" width="100%" height="100%">
<image xlink:href="https://images.wallpaperscraft.com/image/point_gray_texture_55269_2560x1080.jpg" x="0" y="0" width="100%" height="100%" preserveAspectRatio="none"/>
</pattern>
</defs>
<rect x="0" y="0" width="100%" height="100%" fill="url(#pattern)"/>
<path d="M0,0 Q320,80 500,250 Q580,350 1000,500 L0,500z" fill="#121212"/>
</svg>Дальше это надо доработать вместо 100% высоты svg'шку поставить куда то и растянуть ..и тогда будет нужный результат ..но чисто из снимка экрана я пока это вижу так