Opened 9 years ago
Closed 9 years ago
#10127 closed bug (notabug)
addClass, removeClass with box-shadow fails
Reported by: | DigitalDag | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | none |
Component: | ui.effects.core | Version: | 1.10.4 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
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>
Note: See
TracTickets for help on using
tickets.
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.