[Webkit-unassigned] [Bug 82898] New: -webkit-transform set to an element makes other unrelated elements' text thinner

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Apr 2 07:36:24 PDT 2012


https://bugs.webkit.org/show_bug.cgi?id=82898

           Summary: -webkit-transform set to an element makes other
                    unrelated elements' text thinner
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh
               URL: http://mikrobill.com
        OS/Version: Mac OS X 10.7
            Status: UNCONFIRMED
          Severity: Minor
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: me at kvakes.com


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

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list