addClass, removeClass with box-shadow fails

[DigitalDag]

jQuery: v2.0.3 jQueryUI: v1.10.4 Os: Ubuntu 13 Browser: Firefox 30

The shadow appears at the end of the animation all in once

Example:

<style>
.a{
margin:0;
}
.b{
margin:5px;
box-shadow: 0 0 0px 4px #f0f inset;
-webkit-box-shadow: 0 0 0px 4px #f0f inset;
-moz-box-shadow: 0 0 0px 4px #f0f inset;
}
</style>
<script>
function change(){
$('#test').addClass('b',5000);
}
</script>
<div onclick="change();" id="test" class="a">Test</div>            
                        

[Scott González]

This is not a bug in the class animation code. Class animations rely on .animate() knowing how to handle the individual properties. jQuery ships support for numeric values, and jQuery UI adds support for colors, but anything else needs to be handled by a plugin via a $.fx.step hook.