Ticket #11225 (closed bug: cantfix)
Animations flicker in Webkit and IE when "opposing" attributes are simultaneously animated.
|Reported by:||saulotoledo@…||Owned by:|
The following code works good at Firefox 9.0.1, but at Google Chrome and Internet Explorer the animation isn't smooth.
The test can be done here: http://jsfiddle.net/3QPx8/
- At Firefox, the animation is OK;
- At Internet Explorer (tested at version 9) there are 1 pixel of move at right side;
- At Google Chrome the pixel move happens more than one time at right side.
This is the code to test (the same at link):
<div id="div" style="width: 100px; height: 50px; background-color: blue; margin-left: 100px; top: 0; right: 0"> </div>
'width': 400, 'height': 400, 'margin-left': -201,
queue: false, duration : 500
Negativate the margin-left CSS parameter is the question. Other values can show similar results.
- Priority changed from undecided to low
- Component changed from unfiled to effects
- Status changed from open to closed
- Resolution set to cantfix
- Summary changed from Animation problem with negative margins to Animations flicker in FF and IE when "opposing" attributes are simultaneously animated.
- Summary changed from Animations flicker in FF and IE when "opposing" attributes are simultaneously animated. to Animations flicker in Webkit and IE when "opposing" attributes are simultaneously animated.