如何在CSS或SVG中制作这个形状？

Question

我想知道是否可以通过CSS进行黑色形状，或者我们需要使用SVG，请尽可能提供css。

在上面的图片中，黑色div的形状很难通过css完成，请建议。

Answer 1

这是一个rough sketch。 你可以借助于：之前和之后的伪元素来做到这一点。然后按照建议here

尝试弄乱边框

.bigbox:before{
  content:'';
  color:red;
  top:90px;
  left:8px;
  width: 0; 
  height: 0; 
  border-left: 210px solid transparent;
  border-right: 0px solid transparent;

  border-bottom: 10px solid black;
  position:absolute;
}