CSS3로 곡선을 만들고 싶습니다

Question

저는 CSS 덕분에 곡선을 만들려고합니다. 본인은이 분야의 새로운 사람들입니다. 제발 도와주세요. 여기 제가 시도한 소스입니다.

.box 
{ 
    left: -10px; 
    border-radius: 0 0 0 25%; 
    transform: skewX(25deg); 
} 

Answer 1

이것 봐 ...

.circle{ 
width: 100px; 
height: 100px; 
border-radius: 100px; 
border: 3px solid black; 
background-color: green; 
} 
or 


    div 
{ 
-ms-transform: skew(30deg,20deg); /* IE 9 */ 
-webkit-transform: skew(30deg,20deg); /* Chrome, Safari, Opera */ 
transform: skew(30deg,20deg); 
} 

글쎄, CSS3 호환 브라우저에서 작동합니다