planetarium - 在你的網站上構建交互式宇宙星球動畫1660
$(".planet").planetarium({
   autospin: "1000ms", 
   angle: "20deg", 
   glow: "rgba(255, 255, 255, 0.34902) 0px 0px 50px, inset 33px 20px 50px rgba(0,0,0,0.5)",
   pattern: "img/texture-earth.jpg",
   size: "100x100",
   float: true,
   space: "body",
   ring: false,
   ringColor: "#fff",
   ringAngle: "20deg"
 });
地球上面的選項將創建默認在您的web頁面上。創建自己的個性化的星球,測試提供的選項如下所示:
autospin:你可以定義你的行星旋轉的速度此選項。它接受秒或毫秒在形式的“1”和“1000”之間。默認值是1000 ms。
angle:你可以定義你的行星的傾斜程度。默認值是20度。
glow:定義行星的光和影子這個選項。它接受CSS樣式。默認值是如上所示,第一部分“rgba(255、255、255、0.34902)0 px 0 px 50 px”,發光效果,第二部分,“inset 33 px 20 px 50 px rgba(0,0,0,0.5)”,是影子。
pattern:定義自己的星球模式。選擇接受一個圖像路徑。擁有自己的模式和我pattern-earth維度匹配。jpg強烈建議提供。默認值是“img / texture-earth.jpg”。確保你更改路徑,以反映你的網站的結構。
size:行星在寬度和高度的格式(寬度)x(高度)。默認值是100 x100。
float:流動動畫切換。將其設置為false來禁用它。默認值為true。
space:定義容器的選擇器作為這里的空間。默認值是“body”。
ring:切換你的行星環。要啟用環,設置為true。默認值是false。
ringColor:設置環的顏色。選擇接收十六進制顏色代碼。默認值是“# fff”。
ringAngle:環的角度。默認的選項是“20度”。

技術討論區(0 個討論)

  1. 請先登錄

      發 布
深圳风采彩票