Как сверстать такой блок?

Как лучше сверстать вот такой вот блок(сама картинка из сети, но у меня такой же смысл):

5f44f210e38ae946432336.jpeg

Как это сверстать?
  • Вопрос задан
  • 337 просмотров
Пригласить эксперта
Ответы на вопрос 3
wapster92
@wapster92 Куратор тега Вёрстка
Каждый день задается подобный вопрос. Clip-path тебе в помощь
Ответ написан
RAX7
@RAX7
Либо упороться в тригонометрию и сделать через css transform + немного js

либо использовать svg маски
Ответ написан
@Shagfey
FullStack JS developer
Привет!

Я бы сделал div с background картинкой для заднего фона и поверх него добавлял бы меню, телефон и форму заявки. Этот div ты сделаешь absolute и назначишь ему z-index: отрицательное значение, чтобы блок был всегда сзади других элементов. Благодаря этому ты сможешь установить и белый фон и прозрачный. Блок с картинкой механизмов можно спозиционировать с помощью absolute.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы