html - 我需要在不裁剪图像的情况下将图像形状更改为梯形

Question

.Div {
  border: double;
  height: 400px;
  width: 325px;
  clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 93%);
}

<div class="Div"></div>

Answer 1

.Div {
  border: double;
  height: 400px;
  width: 325px;
  clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 93%);
  transform: rotate(90deg); 
}