CSS에서이 모양을 만드는 방법은 무엇입니까?

Question

[모양] [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; 
}