小编Rya*_*A91的帖子

我正在尝试使用具有圆角的剪辑路径创建一个三角形容器。到目前为止，我已经设法获得了三角形，但不确定获得圆角的最佳方法是什么。

到目前为止我有

HTML

<div class="shadow">
  <div class="triangle"/>
</div>

CSS

.triangle {
   width: 200px;
   height: 200px;
   background: blue;
   clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.shadow {
  filter: drop-shadow(1px 6px 3px rgba(50, 50, 0, .4));
}