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

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

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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
FullStack-разработчик
FunFlow • Москва
от 80 000 до 120 000 ₽
Frontend-разработчик React
ДАЛЕЕ • Москва
от 150 000 ₽
Fullstack-разработчик (Yii2, Vue.js, PostgreSQL)
OneLink
от 150 000 до 190 000 ₽
Ещё вакансии