CSS で画像を空間に散らしてみた

起動時

拡大！

CSS でなんか作ってみた第二弾。画像を3次元空間に配置してぐるぐるさせることができます。例によって対応ブラウザは webkit 系だけです。-webkit-* を -moz-* にかえれば Firefox でもきっと動きます。

デモ: http://www.agusa.i.is.nagoya-u.ac.jp/person/shimo/3d/3d.html
マウスに追従して視線が動きます。クリックしながらマウスを動かすと、視点そのものが移動します。マウスホイールで拡大縮小ができます。
最新の Webkit で動作確認。 Safari でも動くみたい。