모션 블러로 속도감을 내다

// エフェクトをかけたい要素を選択
var $element=$(".selector");
// 変化を取れるよう現在のpositionを取得
var lastPos=$element.offset();
// エフェクトの強さをコントロールするために倍率を設定する
var multiplier=0.25;

// 簡単にblurを設定するためのヘルパ関数
function setBlur(x,y){
    blurFilter.setAttribute("stdDeviation",x+","+y);    
}

(function updateMotionBlur(){
    // 要素の現在のpositionを取得
    var currentPos=$element.offset();
        // 前フレームからの変更を計算し、乗数を適応
    // calculate the changes from the last frame and apply the multiplier
    var xDiff=Math.abs(currentPos.left-lastPos.left)*multiplier;
    var yDiff=Math.abs(currentPos.top-lastPos.top)*multiplier;

    // set the blur
    setBlur(xDiff,yDiff);

    // 次のフレームのために現在のポジションを保存
    lastPos=currentPos;

    // 次のフレームを呼ぶ
    requestAnimationFrame(updateMotionBlur);
})();