言語・開発・勉強

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

    英語学習が出来るWebサービス ヒアリング、ラーニング、スピーキングも『EnglishCentral…

    英語学習ができるWebサービスで、ヒアリングから隠れた単語を入…

  2. 言語・開発・勉強

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

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

コメント

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

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

PAGE TOP