使用css3的带有弯曲字幕的圆角图像

Question

我试图在图像中创建一个带有弯曲字幕容器的圆形图像。如何使用html5，css3完成。请检查图像以获得更好的图片。如果有任何可用示例，请分享。

Sample Image

Answer 1

如果你想要这个：

点击此链接：JSFIDDLE

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

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

    </div>
</div>