html - 如何制作具有Div或SVG形状的响应式装饰样式，该样式可以触及页面的左上边缘到页面的右下 Angular

如何制作具有Div或SVG形状的响应式装饰样式，该样式可以触及页面的左上边缘到页面的右下角
像这样enter image description here CLICK ME
 或查看此演示：demosamislam.000webhostapp.com
有没有人对设计师如何轻松做到这一点有想法？
他们是否使用SVG在The Body上进行装饰，还是使用CSS或其他东西进行装饰？

最佳答案

尝试这个

main{
	width:500px;
	height:500px;
	background-color:gray;
	position:relative;
	overflow:hidden;
}
#rotated-box {
	width: 750px ;
	height: 50px;
	background: red;
	transform: rotate(45deg);
	position:absolute;
	top:45%;
	left:-25%;
}

<main><div id="rotated-box"></div></main>

关于html - 如何制作具有Div或SVG形状的响应式装饰样式，该样式可以触及页面的左上边缘到页面的右下 Angular ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50285747/