Bug 82898
| Summary: | -webkit-transform set to an element makes other unrelated elements' text thinner | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Max Izmailov <me> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Minor | CC: | simon.fraser |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac | ||
| OS: | OS X 10.7 | ||
| URL: | http://mikrobill.com | ||
Max Izmailov
We've noticed that when you switch between HP and other pages on http://mikrobill.com (not only) header menu text changes its appearance. On the HP it is thinner than on other pages.
It turns out that if I disable the following rule everything goes back to normal:
#showcase #screenshots img {
-webkit-transform: perspective(600px) rotateY(-4deg);
}
I tried to apply this rule to other elements and play with values, but even perspective(0px) rotateY(0deg) produces the same result: totally unrelated element's text renders thinner that it must be.
Tested in Chrome 18.0.1025.142 and in nightly 5.1.5 (7534.55.3, r112532). Results are the same.
HP (thinner text): http://i39.tinypic.com/2cdx28m.png
Another page: http://i43.tinypic.com/2ih2gk7.png
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Alexey Proskuryakov
*** This bug has been marked as a duplicate of bug 23364 ***