如何在CSS中创建这个形状？

Question

是否可以在CSS3中创建此形状？

Answer 1

你可以使用after的伪选择器做这样的事情。

CODEPEN LINK

<强> CSS

div {
  height: 200px;
  background: blue;
  position: relative;
  width: 400px;
}

div:after {
  content: '';
  position: absolute;
  top: -50px; 
  left: -200px;
  border-top: 300px solid white;
  border-left: 300px solid white;
  width: 0;
  background: #fff;
  border-radius: 300px;   
}