html - 三 Angular 形周围的CSS框阴影

Question

我需要使用简单的 html 和 css 创建一个带有阴影的三 Angular 形。回答了另一个 stackoverflow 问题，我能够创建带有斜接边框的三 Angular 形。基本上，我创建了一个框的一侧，其边框非常宽，而附近的一侧具有宽透明边框:

div.triangle {
    border-bottom : 60px solid transparent;
    border-left : 60px solid black;
}

效果很好，但是当我尝试应用框阴影时，阴影围绕着封闭的正方形......而不是三 Angular 形:

div.triangle {
    border-bottom : 60px solid transparent;
    border-left : 60px solid black;
    -webkit-box-shadow: 0 0 10px black;
}

如何仅使用带阴影的 css/html 获得三 Angular 形？

Answer 1

似乎不可能。绝对使用想象是更容易的解决方案。 我做了类似三 Angular 形的东西:) http://jsfiddle.net/5dw8M/109/ .对不起，不能在您的帖子下发表评论。可能它会成为某人的灵感；