言語・開発・勉強

スゴイ!! 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のデモなども見れますので

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

関連記事

  1. 言語・開発・勉強

    美しい!! WebGLで描画されたアニメーションを堪能できるWebサービス 『Dynamic pro…

    もはやブラウザ上で何でも再現できそうな時代WebGL技術を使っ…

  2. 言語・開発・勉強

    複雑なアルゴリズム、ロジックを画面で確認できるWebサービス 『Algorithm Visualiz…

    複雑なアルゴリズム、ロジックを画面で確認できる便利なWebサー…

コメント

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

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

PAGE TOP