Задать вопрос
@AlexanZem
html

Как реализовать 5-угольный блок с одним бекграундом?

8368c8e9302c45578aafde1c05c4c9e1.jpg
Как можно реализовать такой блок?
В css получается только однотонный или градиент.
А на SVG не знаю как сделать на 100% ширины экрана, только фиксированный размер получается по точкам.

Подскажите кто знает, как можно сделать?
  • Вопрос задан
  • 400 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Где-то я уже видел что-то такое...

Как верно заметил Sergey Goryachev , люди даже про один и тот же макет спрашивают (facepalm):
Как сделать адаптивный треугольный блок?
Как сделать такие скошенные края у div?
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@denisbookreev
SVG-маски
Ответ написан
Комментировать
Комментировать
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Как сделать адаптивный треугольный блок?
Адаптивный блок с косыми углами?
Треугольный div блок?
Сколько еще одинаковых вопросов найдется.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (Vanilla JS, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик на React
SkillsRock • Таганрог
от 60 000 до 90 000 ₽
Разработчик
Wanted • Москва
от 130 000 до 300 000 ₽
Ещё вакансии