Html 向非矩形div添加长方体阴影（使用边框半径）

是否可以向不是规则矩形的div添加偶数阴影？添加长方体阴影与普通div的工作方式不同。这就是我所说的div：

#talkbubble {
   width: 120px;
   height: 80px;
   background: red;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}

---

是的，你可以。以下是一个例子：

.circle{
宽度：150px；
高度：150像素；
边框：实心1px#555；
背景色：#eed；
盒影：10px-10px rgba（0,0,0,0.6）；
-moz盒阴影：10px-10px rgba（0,0,0,0.6）；
-webkit盒阴影：10px-10px rgba（0,0,0,0.6）；
-o盒阴影：10px-10px rgba（0,0,0,0.6）；
边界半径：100px；
}

您是在尝试制作边框效果还是实际阴影？相关-我正在尝试在整个div周围制作实际阴影效果。当我现在添加长方体阴影效果时，它会在有边框组成的三角形的位置生成矩形阴影。是的，这会发生。参见链接问题。除此之外，在三角形周围创建“边框/阴影”还需要额外的伪元素。如果你能提供一张理想结果的图片，那就太理想了。或者看看这个-