594380 - Boxes become jagged when using CSS transition to rotate them

Status: RESOLVED DUPLICATE of bug 593792

(Core :: Web Painting, defect)

Description

[David Naylor]

User-Agent:       Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b6pre) Gecko/20100908 Firefox/4.0b6pre
Build Identifier: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b6pre) Gecko/20100908 Firefox/4.0b6pre

Borders and images go all jagged/pixelated/aliased when using -moz-transition on a -moz-transform rotate().

I noticed this while playing with the effect on my website: http://davidnaylor.org/fotograf/

I know this looked a lot better (though not perfect) in the nightlies a few days/weeks ago.

This doesn't seem to be related to the recently enabled-by-default D2D/Direct2D hardware acceleration, since it doesn't make any difference if I disable the feature (and restart).

Reproducible: Always

Steps to Reproduce:
1. Visit http://davidnaylor.org/fotograf/
2. Hover over one of the thumbnails.
Actual Results:  
Image and border go all jagged.

Expected Results:  
The image and border should be rendered with anti-aliasing and remain smooth through the transition.

Comment 2

[David Naylor]

Attachment: Screenshot of jagged edges during animation

Comment 3

[David Naylor]

Ok, thanks. Didn't find the original.