パララックスとチルトを兼ね備えたホバーエフェクト実装「Tilt.js」 – bl6.jpTilt.jsはパララックスとチルトの動きを兼ね備えた滑らかなホバーエフェクトを実装することができるjQueryプラグインです。60fpsによるrequestAnimationFrameが使われているとのこと。ファイル容量もコンパクトなところがいいですね。 以下のページからTilt.jsの実際のデモ動作をチェックできます。 デモ デモページには「Tilt.js」と書かれた正方形が表示されており、ここにホバーしながらカーソルを動かすことで、それに合わせてパララックスとチルトのアニメーションを見ることができます。 あまり見たことがない珍しい動きをするので、ユーザーにとっては印象に残りやすいかもしれませんね。チルトをすることで、グラデーションカラーが変化するところもおもしろいと思います。 また、Tilt.jsにはオプションもいろいろ用意されています。主なオプションは、maxTilt、perspe
