使用 css 使矩形对角线 div
Make rectangle diagonal div using css
我想制作一个矩形div（如下视频后面所示）并使用CSS旋转35度。
我想让它响应。
只需使用transform: rotate(35deg)
.rect {
height: 150px;
width: 300px;
background-image: linear-gradient(to right, rgba(0,255,0,1), rgba(0,255,0,0.3));
transform: rotate(35deg) translate(-10px, 100px);
border-radius: 0 0 50px 0;
}
<div class="rect"></div>
我想制作一个矩形div（如下视频后面所示）并使用CSS旋转35度。 我想让它响应。
只需使用transform: rotate(35deg)
.rect {
height: 150px;
width: 300px;
background-image: linear-gradient(to right, rgba(0,255,0,1), rgba(0,255,0,0.3));
transform: rotate(35deg) translate(-10px, 100px);
border-radius: 0 0 50px 0;
}
<div class="rect"></div>