css3을 사용하여 곡선 캡션이있는 둥근 이미지

Question

이미지 안에 곡선 캡션 컨테이너가있는 둥근 이미지를 만들려고합니다. 어떻게 html5, css3을 사용하여 수행 할 수 있습니다. 더 나은 그림을 얻으려면 이미지를 확인하십시오. 사용 가능한 예제가 있으면 공유하십시오.

Sample Image

Answer 1

이 원하는 경우 :

확인이 링크 : JSFIDDLE

<div id="container"> 
    <div id="imgContainer"> 

     <img src=""/> 
     <div></div> 

    </div> 
</div>