かちびと.net > WEBデザイン > cssやプログラミング > ピュアCSSで実装する折り鶴の影の動きが凄い

Webデザイン関連(RSSRSS)のトピックです。SEOとWebデザインを共有する、という観点で情報を配信します。

ピュアCSSで実装する折り鶴の影の動きが凄い

カテゴリ » WEBデザイン, cssやプログラミング
書いた日 » 日曜日, 1月 31st, 2010

css
以前ご紹介した、cssとHTMLのみで
擬似的な3D表示を実現するCSSと
同じサイトで、また素晴らしいテクニック
を公開してくれました。今回のcssは
素晴らしい動きをする折鶴の影を実装
します。

以下がそのテクニックです。IE8, Safari 4, Firefox 3.5, Chrome3, Opera10などでご覧下さい。

CSS Paper Bird


縦横のスクロールバーを動かすと影が動くようになっています。素晴らしいアイデアとトリックですね。。

ソースはこちらでご覧下さい。本当にjs使ってないみたいです。ブログでの説明はこちら。

コカコーラのも凄い。。Roman Cortesというサイトのブログ、今後も注目したいところです。

Roman Cortes

【ピュアCSSで実装する折り鶴の影の動きが凄い】へのコメント 1

トラックバック

TRB:
  1. Tweets that mention ピュアCSSで実装する折り鶴の影の動きが凄い - かちびと.net -- Topsy.com

この記事のトラックバックとURL

URL:
TRB:

お気軽にコメントして下さい

*は必須です

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

You can add images to your comment by clicking here.

WPデザインギャラリー