title: Using jQuery's animate with css filter.
body: <p>I am trying to make the level of brightness of the page animate when a button is clicked. 
  I need the value to make a change every time the button is clicked. Like this. </p>
  
  <pre><code>$(".brightness-minus").click(function() {
      if(b &lt; 11){
      $(".settings-inner-bar").animate({width: "-=3.3vw"});
      b++;
      console.log(b);
      }
  </code></pre>
  
  <p>In the above code i am using the "-=" to animate the width each time. 
  What i am trying to do is replicate this effect on this tag. </p>
  
  <pre><code>    -webkit-filter: brightness(1);
       filter: brightness(1);
  </code></pre>
  
  <p>I am trying to bring it down in increments of 0.02 at a time. </p>
  
  <p>Because of the word "brightness" being there too it doesn't seem to work. </p>
  
  <p>Does anyone know how I can change the value of this in the same way.</p>
  
  <p>Thanks in advance! </p>