言語・開発・勉強

CSSで太陽系を再現したコードが面白い!!勉強になります 『CSS 3D Solar System』

CSSで再現した太陽系が面白かったので

ご紹介します

HTMLやCSSでここまで再現できるコードが

実際に触って遊ぶことが出来ますよ

css3dsolar1

CSS 3D Solar System リンク先はこちらから

css3dsolar2

上にコード、下に実行結果という画面構成

以前にも紹介したCODEPENというWebサービスです

リアルタイムに色々と設定を変更することが出来ます

css3dsolar3

太陽を大きくしてみました

css3dsolar4

今度は地球を大きくしてみました

結構細かく作りこまれていて

日照などの影にも注目したいものです

幾つかのJavaScriptコードもありますが

こちらはボタンなどの制御をしていると思います

見ているだけでも面白いですよ

関連記事

  1. 言語・開発・勉強

    超巨大!!大迫力!! クジラを実物大で見る事ができるWebサービス 『Life-size blue …

    シロナガスクジラをブラウザいっぱいに実物大で見る事ができるWebサービ…

  2. 言語・開発・勉強

    Youtube動画でタイピング!? 歌詞に合わせてタイピングする「Typing Tube」 む、難し…

    Youtubeの動画や音楽に合わせて歌詞をタイピング出来るWebサービ…

  3. 言語・開発・勉強

    センスが必要!? Web上でグラデーションに並べるテストが面白い 『Online Color Cha…

    グラデーションになるように色を綺麗に並べていくテスト簡単だろう…

  4. 言語・開発・勉強

    ITスキルアップに最高!! PGやWebなどの技術情報が沢山紹介されているWebサービス 『bikk…

    プログラム言語やWeb技術、デザインなどの情報が沢山集まって紹…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP