スゴイ!! 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サービスが面白い 『連想類語辞典』

    言葉が思いつかない時やもっと簡単に言葉を使いたい、的確な言葉を…

  2. 言語・開発・勉強

    ゲームで楽しく!! 英語などの単語学習できるWebサービス 『Ba Ba Dum』

    インタラクティブに英語などの外国語の単語が学習できるWebサー…

  3. 言語・開発・勉強

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

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

コメント

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

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

最近の記事

PAGE TOP