如何在CSS中创建内容的楔形

Question

我希望在网站上使用div和CSS创建以下形状并且真的很难受？

Example of shape

提前感谢您的帮助。

Answer 1

透视transform会让你到达那里：

＆＃13;

＆＃13;

.wedge {
  margin: 15px;
  transform: perspective(700px) rotateY(-45deg);
}

＆＃13;

<img class="wedge" src="http://via.placeholder.com/350x150" />

＆＃13;

＆＃13;

＆＃13;