-1
如何將傾斜盒內的元件固定到正常位置或直線,請檢查下面的信息,因爲當我輸入元素例如圖像時,字也傾斜,我想讓我們直接做我們需要做的事情?如何將傾斜盒內的元件固定到正常位置或直線
.box.side {
margin-top: 48vh;
height: 48vh;
}
.container {
display: block;
width: 100%;
overflow: hidden;
}
.slope {
margin: 0 -100px;
transform-origin: right center;
background: black;
transform: rotate(-2deg);
}
<div class="container">
<div class="box side slope">
<h1> sample </h1>
</div>
</div>