24919 2009-03-29 03:28:34 -0700 CSS transformations do not work with inline elements 2009-06-08 13:01:52 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC All RESOLVED WONTFIX P5 Trivial --- 0 nospamfornow webkit-unassigned jbalogh rik simon.fraser oldest_to_newest 115722 0 nospamfornow 2009-03-29 03:28:34 -0700 CSS transforms do not seem to work with :hover. Checked with Chrome and (nightly) WebKit GTK. Presumably also affects WebKit on OS X. 115791 1 nospamfornow 2009-03-30 05:50:56 -0700 After a bit of checking it seems that this only affects inline elements. On Mozilla -moz-transform affects both block and inline, while here -webkit-transform only affects inline. This happens regardless of whether :hover is used. 116235 2 rik 2009-04-01 16:58:23 -0700 Could you provide a testcase to confirm that ? 116270 3 29188 nospamfornow 2009-04-02 04:39:11 -0700 Created attachment 29188 Testcase Testcase attached. The word "ordinary" should be rotated by 180 degrees, but isn't. 116438 4 rik 2009-04-03 09:59:50 -0700 Copying Simon to determine if it's a bug or not. As a workaround now, you can use "display: inline-block;" 116439 5 simon.fraser 2009-04-03 10:04:47 -0700 This is by design. Transforms only work on block-level elements. They really don't make too much sense on inlines, especially if the inline in broken over several lines -- where would the transform origin be? 116520 6 nospamfornow 2009-04-03 18:59:51 -0700 Maybe it can be done the way Gecko does it, transforming each line individually? 124788 7 mrowe 2009-06-08 13:01:52 -0700 *** Bug 26257 has been marked as a duplicate of this bug. *** 29188 2009-04-02 04:39:11 -0700 2009-04-02 04:39:11 -0700 Testcase testcase.html text/html 197 nospamfornow PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHRpdGxlPlRlc3RjYXNlPC90aXRsZT4KPHN0 eWxlPnNwYW4gey13ZWJraXQtdHJhbnNmb3JtOnJvdGF0ZSgxODBkZWcpO308L3N0eWxlPgo8L2hl YWQ+Cjxib2R5Pgo8cD5KdXN0IGFuIDxzcGFuPm9yZGluYXJ5PC9zcGFuPiBwYXJhZ3JhcGggb2Yg dGV4dC48L3A+CjwvYm9keT4KPC9odG1sPgo=