Bug 72417

Summary:	Artifact left when overlapping elements with a gradient are rotated
Product:	WebKit	Reporter:	Jack O'Connor <jackocnr>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	davidbarr
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	PC
OS:	All
URL:	http://jsfiddle.net/PLTVK/1/

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).