円のDivのランダムな場所にテキストをアニメ化する方法

Question

希望はすべてあなたが大丈夫です。

私は、任意の場所で円形のdivコンテナにいくつかのイメージをアニメーション化する必要があります。

今、私はすでにこれを行っていました。

jsfiddle.net/f4p6b/137

しかし、問題はjsfiddleコンテナが円形ではないということです。

サーキュラーdivコンテナが必要です。イメージは、毎回ランダムな場所でページの読み込み時に自動的にドラッグ/アニメーションする必要があります。

上記のjsfiddleコードの助けを借りて私を助けてください。

ありがとうございました。

Answer 1

は、あなたの事業部の円形を作るためにborder-radious:50% attirubuteを追加することができ、上記のようmentined

border-radius: 50%; 

Answer 2

あなたのコンテナを円形にするために、以下のCSSプロパティを追加します。

チェックアウトこのJSFiddle：

http://jsfiddle.net/internetbird/f4p6b/139/

チェックアウトこの更新フィドル：

http://jsfiddle.net/internetbird/f4p6b/141/

が、私は少し数学で（円内ランダム点を生成機能を追加しましたあなたはここでより多くの探検を見つけることができます：Simplest way to plot points randomly inside a circle）