blur the back ground image based on some condition in angular js
<p>I have a login page and if I click on the forgot password under the password button, a slider panel opens with information to recover the password. I need to blur the background image once this slider panel opens.</p>



<pre><code>&lt;div class="signinBackground" ng-click="signIn.closeForgotSlider($event)"&gt;
    &lt;div class="col text-right col-top forgotEmailPassDiv"&gt;
        &lt;a ng-click="signIn.forgotPassword($event)"&gt;{{'FORGOTPASSWORD'| translate}}&lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How do I achieve this in angular?</p>