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

Как сверстать диагональные блоки?

Добрый день! Как сверстать подобное, Пробовал через linear-gradient и svg, но тогда не получается серый фон запихнуть
.main
	position: relative
	background-image: linear-gradient(-130deg, #790504 0%, #db0a07 100%)
svg 
	    position: absolute
	    bottom: 0
	    left: 0
	    width: 100%
	    height: 15vw


<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
         <polygon fill="white" points="0,100 100,0 100,100"/>
 </svg>


5d7f8d3bbc2ae563978193.png
  • Вопрос задан
  • 222 просмотра
Комментировать
Подписаться 2 Средний Комментировать
Решения вопроса 1
SuperToster
@SuperToster
Не очень понятна задача без контекста.
Вы хотите сделать SVG фон из двух объектов, один из них с градиентом?
Например так: jsfiddle.net/bqe6jtdk/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
le2xx
@le2xx
Можно сверстать прямо, затем повернуть внутри body, при помощи transform: rotate(n deg) на нужный угол а градиент наложить сверху через псевдоэлемент after
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы