2010/05/20
CSSを使って流れるような3Dイフェクトを実現する「css-vfx」
css-vfxはCSS/JavaScriptによるオープンソース・ソフトウェア。Coolirisというソフトウェアはご存じだろうか。写真をタイル状に並べて、左右に流れるような操作で一覧できる。様々なブラウザ、モバイルで使えるソフトウェアだ。 0
タイル状に並んだ写真を一気に見渡せる
0
そんなCoolirisの見せ方はとても上品で、操作性も良く使い勝手が良い。あんなインタフェースを自分のサイトでも実現してみたいと言う希望を叶えてくれるのがcss-vfxだ。css-vfxは特別なソフトウェアはいらず、WebKitさえあれば良い。 0
ターゲットはモバイルだ。PC版のWebKit（SafariやGoogle Chrome）ではうまく動かないかも知れない。iPhoneやAndroidからアクセスすれば、そのすごさが分かるはずだ。指で弾くと写真が左右に流れていく。奥行きを感じさせる作りはスピード感もあってとても面白い。 0
水平表示だとさらにスピード感が出る
0
タイル状に写真を並べるSnow Stackと、カバーフローのように一段で表示するCover Flowという二パターンがサポートされている。写真サイトの見せ方として、導入してみたいソフトウェアだ。 0
css-vfx - Project Hosting on Google Code
http://code.google.com/p/css-vfx/
0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート