Closed
Bug 767622
Opened 13 years ago
Closed 2 years ago
css animation pixelates edges of element
Categories
(Core :: Graphics: WebRender, defect)
Core
Graphics: WebRender
Tracking
()
RESOLVED
FIXED
People
(Reporter: fred.finn, Unassigned)
References
Details
(Keywords: testcase)
Attachments
(1 file)
|
769 bytes,
text/html
|
Details |
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.56 Safari/536.5
Steps to reproduce:
I animated a div that should be hardware accelerated and smooth. Reduced case here: http://jsfiddle.net/uzj62/1/
Actual results:
The edges of the element being animated are pixelated.
Expected results:
The edges of the element should be smooth, a workaround can be achieved by adding : outline: 1px solid transparent; on the animated elements.
|
||
Comment 1•13 years ago
|
||
Confirmed against Mozilla/5.0 (Windows NT 6.1; WOW64; rv:16.0) Gecko/16.0 Firefox/16.0 ID:20120624030537.
It looks anti-aliased when setting layers.acceleration.disabled;true
Component: Untriaged → Graphics
Keywords: testcase
OS: Mac OS X → All
Product: Firefox → Core
QA Contact: untriaged → thebes
Version: 13 Branch → Trunk
|
|
||
Comment 2•13 years ago
|
||
|
|
||
Updated•13 years ago
|
Status: UNCONFIRMED → NEW
Ever confirmed: true
|
||
Updated•3 years ago
|
Severity: normal → S3
|
||
Comment 4•3 years ago
|
||
Might still be a problem? Hard to tell which browser looks better in this case.
Severity: S3 → --
Component: Graphics → Graphics: WebRender
Hardware: x86 → All
|
||
Comment 5•2 years ago
|
||
This was probably fixed by webrender.
Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
You need to log in
before you can comment on or make changes to this bug.
Description
•