Open Bug 1084253 Opened 7 years ago Updated 3 years ago

CSS rotation transforms are jittery with perspective set

Categories

(Core :: Web Painting, defect)

x86_64
Linux
defect
Not set
normal

Tracking

()

UNCONFIRMED

People

(Reporter: casper.vandonderen, Unassigned)

Details

Attachments

(1 file)

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.
Bug 1078262 just landed today, so it should be in tomorrows nightly, and it might fix this.
Fixed in Nightly.
Status: UNCONFIRMED → RESOLVED
Closed: 7 years ago
Resolution: --- → DUPLICATE
Duplicate of bug: 1078262
This is not fixed in the currently Nightly (36.0a1 2014-10-19)
Flags: needinfo?(tnikkel)
It looks fixed for me at least.

Can you describe what you are seeing in more detail?
Status: RESOLVED → UNCONFIRMED
Flags: needinfo?(tnikkel) → needinfo?(casper.vandonderen)
Resolution: DUPLICATE → ---
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.
Flags: needinfo?(casper.vandonderen)
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?
Flags: needinfo?(matt.woodrow)
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.
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.
(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?
Nevermind, there's one: bug 766345
Flags: needinfo?(matt.woodrow)
Component: Layout: View Rendering → Layout: Web Painting
You need to log in before you can comment on or make changes to this bug.