如何向视口显示div

Question

我有一个div，我需要显示div，如下图所示。

我们可以使用css或任何脚本来实现这一点。需要帮助

由于

Answer 1

使用perspective和transform: rotate。

如果您查看此链接perspective，您会发现一些可以做的有趣事情

div {
    margin-top: 40px;
    perspective: 100px;
}
img {
  height: 150px;
  transform: rotateY(15deg);
}

<div>
  <img src="http://lorempixel.com/500/200/nature/1/" alt="">
</div>

Answer 2

这是基本的想法。

＆＃13;

＆＃13;

.parent {
  perspective: 600px;

}
.child {
  width: 100px;
  margin: auto;
  height: 35px;
  text-align: center;
  background: red;
  transform: perspective(500px) rotateY(35deg);
}

＆＃13;

<div class="parent">
  <div class="child">Banners</div>
</div>

＆＃13;

＆＃13;

＆＃13;