スゴイ!! CSS3で作られたアニメーションがWebの可能性を広げてくれそう



CSS3で作られた様々なアニメーションを体験できるWebサイトをご紹介

動くロボットやマリオなどがFLVなどでは無くてCSS3で作られています

早くCSS3が普通に使える時代が来たらなぁ~と思ってしまう程です

IE6ユーザーがまだまだ多いのでCSS3を標準には出来ませんが

今後の参考になりそうです

css32

PURE CSS3 AT-AT WALKER リンク先はこちらから

スターウォーズのキャラクターが歩いている様に見えます

css31

Pure CSS3 Bitmap Graphics リンク先はこちらから

言わずと知れたマリオのアニメ、滑らかにスクロールしていきます

css33

Pure CSS3 Filp Effect リンク先はこちらから

本を滑らかにめくる効果を見る事が出来ます

css34

3D Thumbnail Hover Effects リンク先はこちらから

写真を折りたたみ効果が見れます

Webにはまだまだ多くのCSS3のデモなども見れますので

探してみては如何でしょうか

  • コメント: 0

関連記事

  1. 言語・開発・勉強

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

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

  2. 言語・開発・勉強

    HTML5・Canvasの勉強に最適!! 髪の毛をシミュレーションした描画 『Hair』

    ライブコーディングできる「CodePen」に面白いシミュレーションが公…

  3. 言語・開発・勉強

    60以上のプログラム言語をブラウザ上で実行できるWebサービス 『Ideone』

    ブラウザ上で60以上のプログラム言語を実行テストできるWebサ…

  4. 言語・開発・勉強

    ブラウザ上で物理計算エンジンで遊べるWebサービス 『Matter.js』

    JavaScriptで物理計算を再現したAPIをデモとして見る…

コメント

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

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

最近の記事

PAGE TOP