Bug 72417 - Artifact left when overlapping elements with a gradient are rotated
Summary: Artifact left when overlapping elements with a gradient are rotated
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC All
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/PLTVK/1/
Keywords:
Depends on:
Blocks:
 
Reported: 2011-11-15 14:12 PST by Jack O'Connor
Modified: 2012-02-29 19:37 PST (History)
1 user (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Jack O'Connor 2011-11-15 14:12:13 PST
Present in Google Chrome 15, Safari 5.1, Firefox 3.6. Not present in Firefox 7.
Tested on Linux (Ubuntu 11.10) and Windows XP

STEPS TO REPRODUCE
-create 2 overlapping elements e.g. absolutely positioned divs
-apply the same CSS linear-gradient to both of them
-apply a rotate transform to both of them

ACTUAL RESULTS
I've added a jsFiddle link above. If you look closely, you can see a thin dark vertical line to the left of the middle. The effect disappears when you remove the gradient.

EXPECTED RESULTS
No weird dark line.
Comment 1 David Barr 2012-02-29 19:37:13 PST
Confirmed in WebKit Nightly, Version 5.1.2 (6534.52.7, r109280).