前段時間項目中需要開發一個3D效果的環形菜單類似行星旋轉，折騰了好久弄出了個樣子，但是最后客戶改版了不需要了，好不容易弄出來的吊炸天的效果不能這么浪費了，
今年神舟十一號載人飛船順利發射成功，中國航天技術越來越成熟，浩瀚的宇宙中有着無限的未知等着我們去探索，為表示對祖國航天事業的支持，用代碼來表示是最合適的了，就用3D效果稍微修改修改畫了一個九大行星星系圖，當然因為冥王星被踢出了，大家不要糾結，上個效果圖。
這里的橢圓軌道、動畫旋轉全部使用CSS3來實現，並合理計算好每個行星的公轉和自轉的時間，讓行星旋轉的更加逼真，所用到的CSS的屬性不是很多，主要就是animation和transform，屬性的使用我也不在這里過多介紹了，主要是給大家分享一下實現的這個效果。
考慮到CSS3的兼容性，用chrome和Firefox效果比較好，正所謂好馬配好鞍，隨着Html5和CSS3的不斷流行，我們可以做出更加炫酷的頁面。
提供一下源碼 http://files.cnblogs.com/files/gangang/planet.rar
PS：在這里也感謝公司的視覺設計師提供的素材。