1084253 - CSS rotation transforms are jittery with perspective set

Status: UNCONFIRMED

(Core :: Web Painting, defect)

Description

[Casper van Donderen (Telenor)]

When applying a rotateY transform on an element that has a perspective set the rotation animation becomes very jittery.

Tested using http://desandro.github.io/3dtransforms/examples/card-01.html on Firefox 33 and master. The same behaviour occurs.

Comment 1

[Timothy Nikkel (:tnikkel)]

Bug 1078262 just landed today, so it should be in tomorrows nightly, and it might fix this.

Comment 2

[Loic]

Fixed in Nightly.

Comment 3

[Casper van Donderen (Telenor)]

This is not fixed in the currently Nightly (36.0a1 2014-10-19)

Comment 4

[Timothy Nikkel (:tnikkel)]

It looks fixed for me at least.

Can you describe what you are seeing in more detail?

Comment 5

[Casper van Donderen (Telenor)]

It might be the lack of anti-aliasing, but in the link I posted above ( http://desandro.github.io/3dtransforms/examples/card-01.html ) when I click 'flip' on my 1920x1200 resolution display towards the end of the animation there seem to be rounding errors with the image moving up and down by a pixel or 2.

Comment 6

[Timothy Nikkel (:tnikkel)]

The only thing I see is the lack of anti-alias, even when I slow it way down and compare to Chrome.

Matt, is there a bug tracking anti aliasing css 3d transforms?

Comment 7

[Casper van Donderen (Telenor)]

Attachment: Video of the animation with the transition set to 20s

I added a video showing what happens when I slow the animation down to 20s, you can see it shaking. This is with 36.0a1 2014-10-19.

Comment 8

[Timothy Nikkel (:tnikkel)]

Ah, that is not what I see at all.

However, I can see a similar effect if I disable accelerated layers. So that means we have to fall back to pixman to do software rendering of the 3d transform. But I still wouldn't expect it to look that bad.

Comment 9

[Elbart]

(In reply to Timothy Nikkel (:tn) from comment #6)
> The only thing I see is the lack of anti-alias, even when I slow it way down
> and compare to Chrome.
> 
> Matt, is there a bug tracking anti aliasing css 3d transforms?

Would it warrant to open a new bug?

Comment 10

[Elbart]

Nevermind, there's one: bug 766345