Javascript 如何将div向内显示到视口

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

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

谢谢

这是基本的想法

.parent{
透视图：600px；
}
.孩子{
宽度：100px；
保证金：自动；
高度：35px；
文本对齐：居中；
背景：红色；
变换：透视（500px）旋转（35度）；
}

横幅

这是基本思想

.parent{
透视图：600px；
}
.孩子{
宽度：100px；
保证金：自动；
高度：35px；
文本对齐：居中；
背景：红色；
变换：透视（500px）旋转（35度）；
}

横幅

使用和保存

如果你看一下这个链接，你会发现人们可以做一些有趣的事情

div{
边缘顶端：40px；
透视图：100px；
}
img{
高度：150像素；
变换：旋转（15度）；
}

使用和保存

如果你看一下这个链接，你会发现人们可以做一些有趣的事情

div{
边缘顶端：40px；
透视图：100px；
}
img{
高度：150像素；
变换：旋转（15度）；
}

您看过倾斜变换吗？你能给出一个如何实现这一点的示例代码吗？到目前为止你做了哪些尝试？如果您提供一些代码，我们可以帮助您改进它。您看过倾斜转换吗？你能给出一个如何实现这一点的示例代码吗？到目前为止你做了哪些尝试？如果你提供一些代码，我们可以帮助完善它。谢谢你的回答，这将在未来的工作IE9@Ram不，来自IE10。对于IE9，您需要将其创建为图像。另外，如果你有这样的要求，你需要把它添加到你的问题中。谢谢你的回答，这会有用吗IE9@Ram不，来自IE10。对于IE9，您需要将其创建为图像。此外，如果您有这样的要求，您需要将其添加到您的问题中。