简体   繁体   English

我需要将图像形状更改为梯形而不裁剪图像

[英]I need to change the images shape to trapezoid without cropping the image

 .Div { border: double; height: 400px; width: 325px; clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 93%); } 
 <div class="Div"></div> 

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

you can create div tag and apply CSS on it 您可以创建div标签并在其上应用CSS

style="background-image:url('img.png');background-size:12px";

and Also can check the div style. 并且还可以检查div样式。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM