问矩形凹四边形

EN

只使用CSS，一个内角大于180度的四边形可以通过操纵一个矩形来创建吗？我知道，可以使用CSS3变换从标准矩形创建任意凸四边形。

我已经能够以几种不同的方式使用多个矩形创建凹形多边形(有时通过隐藏溢出)；

1. 相邻的矩形。这是一个问题，因为视觉差异发生在接缝由于反混叠，这是更明显的高对比度背景。当与旋转一起使用时，效果可能会特别糟糕(除了像45度这样的“好的”旋转)。长方形也有一个疯狂的倾向，是奇怪的排列在不同的缩放水平。
2. 重叠矩形，四边形由矩形的相乘组成(每个矩形的颜色是四边形的颜色)。当四边形的颜色使用alpha通道时，这是一个问题，因为重叠区域看起来更深。
3. 重叠矩形，四边形由矩形的差组成(至少一个矩形的颜色是背景的颜色)。当在偏移量处绘制相同形状的阴影时，这是一个问题，因为前景的重叠区域“擦除”了任何底层阴影。

使用上面的#1和#3编辑一个凹形四边形(一种“星际迷航”符号)的例子，可以看到这里。

我想有一个凹形四边形与模拟嵌入阴影(暗前景颜色与阿尔法通道，光影颜色与阿尔法通道)，这就是为什么#2和#3是问题。在这一点上，一个实际的影子似乎是不可能的；我对经过调整的元素的阴影没有很好的经验。

那么，是否有可能通过操纵一个矩形来做到这一点呢？或者，还有其他我没考虑过的方法吗？

编辑

我认为这在某种程度上是可能的，但这是一种欺骗:使用一个单一字符的文本，其字形已经是一个相当安全的字体(例如，U+27A4，Arial中的黑色右箭头)，然后将其转换为垃圾。然而，这将给跨浏览器对齐页面的其他元素带来问题。