CSS를 사용하여이 도형을 만드는 방법은 무엇입니까?

이 border-radius은 (내가 아는)를 사용하여 달성 될 수 없다.

것을 제외 :이 SO 질문에 설명 된대로이, 타원형 모양되지 않습니다 : How to give a div oval shape?

2016-07-28 Rodrigo

이 왜 국경 반경을 사용할 수 없습니다 ... 배경 이미지를 사용하는 것입니다? – Chrillewoodz

@Chrillewoodz 그는 원하는 결과를 산출하지 못합니다. –

@Harry 네, 그건 속임수예요. – nicael

-1

간단한 대답은 - "당신은 그것을 할 수있는 방법이 있습니다, 캔트하지만.."

모든 주요 브라우저에서 지원되는 테두리 반경 구문의 고급 버전을 출력하는 Mozilla Borders 생성기와 같은 도구를 사용해 볼 수 있습니다. : https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator

또는

꽤만큼, 당신은 배경 색과 연동 해에 클립 경로를 사용하는 것이 좋습니다되지 않은 경우

. 더 자세한 정보는 here에서 찾으실 수 있습니다.하지만 유감스럽게도 모든 브라우저에서 지원되는 것은 아닙니다. 클립 경로를 사용하면 SVG를 그려 마스크로 사용할 수도 있습니다.

나는 마스크도 사용될 수 있다는 것을 발견했다, 그래서 당신은 체크 아웃 할 수 this

세 번째 옵션

2016-07-28 15:15:37

답변