@Valsin

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

Добрый день! Как сверстать подобное, Пробовал через 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
  • Вопрос задан
  • 131 просмотр
Решения вопроса 1
SuperToster
@SuperToster
Не очень понятна задача без контекста.
Вы хотите сделать SVG фон из двух объектов, один из них с градиентом?
Например так: jsfiddle.net/bqe6jtdk/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Можно сверстать прямо, затем повернуть внутри body, при помощи transform: rotate(n deg) на нужный угол а градиент наложить сверху через псевдоэлемент after
Ответ написан
Ваш ответ на вопрос

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

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