CSSjQueryとCSSで驚きのページめくり効果を作るサンプル。利用者に対して驚きを与えるだけでなく、スペースも有効に使える便利なサンプルが公開されていました。綺麗なアニメーションをするも、Flashは使っておらず、jQueryとCSSで表現されているところが凄くてそのテクニックにも注目。以下のようなUIがあります。右上のめくったところにカーソルを合わせるとペローンとページがめくられ、少ないスペースだったのに情報が表示されます。該当のコードですが、以下のように、jQueryのanimateによって実現されています。アニメーションさせているだけ。斜めになっているのは難しいと思ってしまいがちですが、それで対応できるというわけですね。単純に実装してページに組み込んでみるのもよいのですが、動作原理について理解することで新たな可能性を発見できるかも。