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

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

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

[ソーラーシステム]

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

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

[IEで表示]

Source: https://habr.com/ru/post/J94897/


All Articles