Bug 39248
| Summary: | Using webkit-mask-box-image can cause "fringe" when transforming/rotating | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Cabel Sasser <cabel> |
| Component: | New Bugs | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | dino, simon.fraser |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac (Intel) | ||
| OS: | OS X 10.6 | ||
| URL: | http://panic.com/~cabel/bugs/mask1.html | ||
Cabel Sasser
SUMMARY:
We are creating an element, filling it with a color, and using -webkit-mask-box-image to mask the element into a shape.
BUG:
Once rotated or transformed, pixel "fringe" shows up on the outside of the element, like a very thin border.
This is particularly painful when animating the element.
NOTES:
Load the provided reduced test case URL to see the problem.
- On top, see the 30deg rotated element. Notice that it appears to have a thin purple "border".
- On bottom, the same element without rotation. Note that there is no "border" or bounding box.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
*** This bug has been marked as a duplicate of bug 19179 ***