CSS transforms do not seem to work with :hover. Checked with Chrome and (nightly) WebKit GTK. Presumably also affects WebKit on OS X.
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.
Could you provide a testcase to confirm that ?
Created attachment 29188 [details] Testcase Testcase attached. The word "ordinary" should be rotated by 180 degrees, but isn't.
Copying Simon to determine if it's a bug or not. As a workaround now, you can use "display: inline-block;"
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?
Maybe it can be done the way Gecko does it, transforming each line individually?
*** Bug 26257 has been marked as a duplicate of this bug. ***