CSS3アニメーションの基本的な実装例のまとめ
CSSのプロパティ一つに対して、値を二つ（開始と終了）変更し、さまざまなCSS3アニメーションの基本的な実装例を楽しめるデモサイトを紹介します。 LeaVerou / animatable デモページ [ad#ad-2] デモページを楽しむには、Chrome, Safariで閲覧ください。 Firefoxでは一部動作しません。 アニメーションのスタートは、2つあります。 マウスオーバーで一つ一つのアニメーションがスタート アニメーションが全部同時にスタート 全部同時にアニメーションをスタートさせるには、「Animate all」ボタンをクリックします。 全部同時にアニメーションすると、何がなにやら分からない状態にw [ad#ad-2] 下記に数多くあるデモから、いくつか紹介します。 デモの下にある「background-color」などは、そのプロパティの値を変更してアニメーションしている
［宙博2009］ Google Earthを軽く超えた!? 宇宙が生まれてから137億年を体験できるフリーソフトMitaka
［宙博2009］ Google Earthを軽く超えた!? 宇宙が生まれてから137億年を体験できるフリーソフトMitaka2009.12.04 15:00 ちょっとこれで宇宙を勉強してから仕分けして欲しいですよ。 国立天文台4次元デジタル宇宙プロジェクト4D2Uが開発した｢4D2Uインタラクティブ4次元デジタル宇宙ビューワーMitaka｣は全宇宙137億光年の範囲を網羅する、まさに宇宙規模のソフトウェア。宙博では30分を使って宇宙をナビゲートしてくれます。 さてなんで4次元かというと立体視による3次元に加え、時間を自由自在に進めたり戻したりできるから。星のデータはすばる天文台をはじめとする各天文台で実際に観測した正確な位置情報をインプットしてあり、重力の関係も全部計算して表示するといったこだわり具合。さらにスーパーコンピュータを用いて銀河ができるまでをCGアニメーション化した動画も紹介。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
