• かちびと.net

    ピュアCSSで実装する折り鶴の影の動きが凄いのでご紹介。陰の動きが絶妙です。これでjsもつかわずcssのみというのは驚きです。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

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

スポンサーリンク

以前ご紹介した、cssとHTMLのみで
擬似的な3D表示を実現するCSS

同じサイトで、また素晴らしいテクニック
を公開してくれました。今回のcssは
素晴らしい動きをする折鶴の影を実装
します。

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

CSS Paper Bird


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

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

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

Roman Cortes

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services