CSS3 transform not working

Question

I am trying to transform my menu items by rotating them 10 degrees. My CSS works in Firefox but I\'ve failed to replicate the effect in Chrome and Safari. I know IE doesn\'t

Answer 1

In webkit-based browsers(Safari and Chrome), -webkit-transform is ignored on inline elements.. Set display: inline-block; to make it work. For demonstration/testing purposes, you may also want to use a negative angle or a transformation-origin lest the text is rotated out of the visible area.