[Solved] How to make this shape in CSS?

by


You can do something like this, using a pseudo selector of 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;   
}

solved How to make this shape in CSS?