CSS блоки нестандартной формы

#html #css #вёрстка #layout #clip_path

Верстаю уже давно, но такой блок первый раз вижу. Гуглил, не нашел там ничего особо.
Как можно такое сверстать ?
    

Ответы

Ответ 1

Да собственно наука не сложная 

Открываем векторный редактор и обводим декоративные фигуры и группируем их это будет
типа основы для нашего паттерна

Дальше ищем нужное изображение, я взял размер из головы 300х300 и получаем итоговый
вариант

А дальше обычный html: https://codepen.io/topicstarter/pen/KjqMPg 


  Если что то не ясно спрашивайте









И собственно всё