CSSでこの形を作るには？

Question

[shape] [1]

CSS3でこのような形状にすることはできますか？

https://prnt.sc/gxlhvk

Answer 1

あなたは後の疑似セレクタを使用して、このような何かを行うことができます。

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; 
}