壁紙をめくる

ソフトウェアエンジニアの方はそそられるかもしれません。
それ以外の人にとっては、きっとどうでもいい内容ですw

ホームページの壁紙をめくってはがすような操作を、マウスのドラッグ&ドロップでできないかな、そして壁紙をめくるとその下から別のページが現れたら面白いかも。
…なんて考えてしまい、楽しそうなのでやってみました。

こだわったのは、

• 影を付けて立体感を出す
• 壁紙をめくる最中にスクロールバーが出たり動いたりしない
• 少しスクロールバーを動かした状態でめくり始めても正しく表示される

あとはページ遷移にpjaxを使っていることもあり、かなり試行錯誤しましたが、いい感じに実現できました。
あれこれ考えるのも結構面白かったので、デバッガで答えを見ずにみなさんも是非挑戦してみて下さい。
(楽しみを奪ってしまうので、ヒント等は書かないことにします)

めくり方