CSS3-panoramaはスタイルシート製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。

CSS3ではスタイルシートだけでアニメーションが実現できる機能があります。それを使って作られたサンプルソフトウェアがCSS3-panoramaです。見ているだけで非常に面白いイフェクトになっています。

[](http://images.moongift.jp/2013/06/Screenshot 2013-06-25 11.39.05.1372226976.png)
最初の表示。自分自身がキューブの中に入っている感じです。

[](http://images.moongift.jp/2013/06/Screenshot 2013-06-25 11.39.15.1372226981.png)
画像一つ一つはこのような形になっており、歪んではいません。

[](http://images.moongift.jp/2013/06/Screenshot 2013-06-25 11.40.05.1372226985.png)
自動的にぐりぐりと動き回ります。あまり集中して見ると酔うかも知れません。

CSS3-panoramaではエンドレスなアニメーションが続きます。一つ一つの画像はばらばらでもうまく繋ぎ合わせ、スムーズにアニメーションされるようになっています。技術的に興味深いソフトウェアです。

MOONGIFTはこう見る

CSS3によるアニメーションはまだ技術的敷居が高いと思われますが。Flashが廃れていく中では必ず注目しなければならない技術になります。また、アニメーションを作成するためのオーサリングツールも作られるはずです（Flash CSが対応するかも知れませんが）。

プログラマーにとっても無関係ではありません。例えばjQuery UIのslideUpなどでお世話になっているでしょう。同様にイフェクトを簡単に実現できるライブラリを開発すれば皆に使ってもらえるかも知れません。

aweijnitz/CSS3-panorama