CSS3を使用して描かれたソーラーシステム(縮尺どおりではありません)

AlexGirónは、 境界線半径、 CSSアニメーション 、およびCSSアフィン変換 (つまり、0°から360°までのアニメーション回転)を使用して、動く太陽系の描画専用のデモ説明ブログエントリ (ソースコード要素)を作成しました。



Firefoxでは、このデモは静止画のように見えます。



[ソーラーシステム]



Webkitブラウザー(Chrome、Safari)では、惑星も軌道上で回転します。



Explorerでは、システム全体が非常に見栄えがよくなります。



[IEで表示]







All Articles