javascript - css/javascript 円弧を中心に画像を回転

Question

次の画像に示すような円弧を中心に画像を回転させる方法はありますか。

私は試した：

<div id="me_tv_cards">
                            <img src="cards/clubs_6.png" style="-webkit-transform:rotate(-40deg);">
                            <img src="cards/clubs_4.png" style="-webkit-transform:rotate(-35deg);">
                            <img src="cards/clubs_8.png" style="-webkit-transform:rotate(-30deg);">
                            <img src="cards/clubs_9.png" style="-webkit-transform: rotate(0deg);">
                            <img src="cards/clubs_10.png" style="-webkit-transform: rotate(10deg);">
                            <img src="cards/clubs_6.png" style="-webkit-transform: rotate(21deg);">
                            <img src="cards/clubs_6.png" style="-webkit-transform: rotate(27deg);">
                            <img src="cards/clubs_6.png" style="-webkit-transform: rotate(40deg);">
                        </div>

前もって感謝します。