我试图重叠2个图像重叠在彼此的HTML

Question

我已经在互联网上搜索了一段时间，但我不能找到我想要的解决方案。我想让两张图片像这样互相倾斜

输入图片描述

Answer 1

您可以使用clip-path属性来达到相同的效果

.img {
width: 200px;
height: 200px
}
.img1 {
clip-path: polygon(0 100%, 0 0, 100% 100%);
}
.img2 {
clip-path: polygon(100% 0, 0 0, 100% 100%);
position:relative;
left:-202px;
}

<img src="https://pixy.org/src/477/4774988.jpg" class="img1 img">
<img src="https://pixy.org/src/480/4800346.jpg" class="img2 img">