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

Description Max Izmailov 2012-04-02 07:36:24 PDT

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

Comment 1 Alexey Proskuryakov 2012-04-02 15:55:02 PDT


*** This bug has been marked as a duplicate of bug 23364 ***