title: jQuery - How to animate the box-shadow property?
body: <p>The below code is trying to animate the box-shadow css property.</p>
  
  <pre><code>$("button").click(function() {
    $(this).animate(function() {
      box-shadow: "10px 10px 0 0 green", //does not work
      boxShadow: "10px 10px 0 0 green", //does not work
      boxshadowX: "200px" //does not work
    });
  });
  </code></pre>
  
  <p>The above code does not work. Is it possible to animate the box-shadow property inside the animate function? If it is not possible what other alternatives can do the same?</p>