1170087 - Skew transformation on images creates garbage during transitions

Status: RESOLVED DUPLICATE of bug 1151543

(Core :: Graphics: Layers, defect)

Description

[Dolf Volkoff]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:38.0) Gecko/20100101 Firefox/38.0
Build ID: 20150513174244

Steps to reproduce:

Apply CSS rules to an <img>:

.example_img { transform: skew(6deg,2deg); }
.example_img:hover { transform: skew(-3deg,-1deg); }
.example_img, .example_img:hover { transition: transform 0.15s; }

Example: http://volkoffnet.com (images to the right of the comment section).


Actual results:

During transitions of the skew transformation there appears some pixelated garbage on the image borders (which doesn't happen in Google Chrome or Internet Explorer).


Expected results:

There should not be garbage on image borders during transitions.

Comment 1

[Alice0775 White]

Confirmed on Windows7

Setting layers.acceleration.disabled = true helps

Comment 2

[Jeff Muizelaar [:jrmuizel]]

Can you take a screen shot of the problem?

Comment 3

[Alice0775 White]

Attachment: screenshot

after transition, temporarily lost anti-aliasing.