スゴイ!! 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. 言語・開発・勉強

    30秒でどれだけ暗算できるかを競えるWebサービス 『Speedsums』

    たった30秒で何問暗算を解けるかを競えるWebサービス…

  2. 言語・開発・勉強

    ブラウザ上でHTMLやCSS、JSを実行できるWebサービス 『Codewich』

    ブラウザ上でJSコードなどを実行できるWebサービスJ…

コメント

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

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

PAGE TOP