jquery - モーダル背景にぼかし効果を適用するには、モーダルではなくボディを選択します

Question

ブートストラップモーダルを使用しています。どのモーダルを使用するかは問題ではありません。アイデアはぼかしフィルターを適用することです (ただし、Webkit でのみサポートされています)。

    $myModal.on('shown.bs.modal', function () {

        $(body).addClass('modalBlur'); 
)

CSS

.modalBlur{
-webkit-filter: blur(5px) grayscale(50%);
}

私はこれを書きましたが、モーダル自体にぼかし効果を適用しますが、ボディには適用しません。別の懸念は、これを行う方法はありますか? ボディへの塗布は、パフォーマンスに大きな影響を与えます。