三角形周围的CSS框阴影

Question

我需要使用简单的html和css创建一个带阴影的三角形.通过另一个stackoverflow问题回答,我能够创建带有斜接边框的三角形.基本上我创建一个边框非常宽的框的一面,附近的边有宽透明边框:

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

效果很好,但是当我尝试应用一个盒子阴影时,阴影绕着封闭的方块而不是三角形:

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

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

Answer 1

似乎不可能.绝对使用想象是更容易的解决方案.我做了三角形的东西:) http://jsfiddle.net/5dw8M/109/.抱歉,您的帖子不能发表评论.可能它会像某人的灵感一样;