2017-01-22 21 views
0

希望所有人都好。如何將一些文字動畫到圓形的任意位置Div

我有一個任務,我必須在任何隨機的地方爲圓形div容器設置動畫。

現在,我已經這樣做了。

jsfiddle.net/f4p6b/137

但問題是,集裝箱的jsfiddle是不是圓形。

我想要一個Circular div容器,並且圖像應該在每次隨機放置的頁面上自動拖/放動畫。

請在上述jsfiddle代碼的幫助下幫助我。

謝謝。

回答

0

添加以下CSS屬性,使你的容器圓形

border-radius: 50%; 
+0

但問題是,該圖像也在圓形div外生成動畫。 – newbie12345

0

如上mentined,您可以添加border-radious:50% attirubute,讓您的事業部爲圓形。

看看這個的jsfiddle:

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

退房這個更新的提琴:

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

我加入其產生的隨機點的圓圈內(有一點數學函數,你可以在這裏找到更多的解釋:Simplest way to plot points randomly inside a circle

+0

但問題在於,該圖像也在圓形div外生成動畫。 – newbie12345

+0

您想要在容器圓內完成所有4個值(min/maxX,min/maxY)? –