Javascript 文本html文本流在图形内部或外部（参见scrennshot）

请看这个屏幕截图：

---

是否有可能只使用Html和CSS（最终使用不使用Javascript）创建这样的效果呢？

我想，在

外部使用
形状以及
多边形（）
是您需要的。它允许我们标记要放入文本的形状的边缘。请看下面我的代码片段：


div.main{
显示：块；
保证金：自动；
背景：橙色；
文本对齐：居中；
宽度：300px；
高度：300px；
变换：旋转（45度）；
边界半径：20px；
颜色：白色；
盒影：40px-60px00rgba（255,165,0,0.6）；
}
.形状{
变换：旋转（-45度）；
宽度：300px；
高度：300px；
}
.形状：：之前{
内容：''；
身高：100%；
宽度：50%；
浮动：左；
外部形状：多边形（0%0%、50%0%、0%50%、50%100%、0%100%）；
}
.shape>span:：before{
内容：''；
身高：100%；
宽度：50%；
浮动：对；
外部形状：多边形（100%1%、100%100%、50%100%、100%50%、50%0%）；
}




乱数假文
我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道，我不知道
请你坐在我的座位上，请你坐在我的座位上，请你坐在我的座位上，请你坐在我的座位上，请你坐在我的座位上，请你坐在我的座位上
是，这是可能的。我不是指方框阴影，而是第一个方框中的文本流，甚至两个伪元素，一些边界半径和变换都可以让你达到目的。。。但这是一个太宽泛的问题（如果我们一开始就假装这不仅仅是一个“有可能吗”）。请去阅读，并开始做你自己的适当研究，以了解这些形状是如何实现的。它在歌剧中也起作用。你在使用哪个浏览器@MaximilianLindner？我更新了答案，现在看看。