Css3 transform not working?

This is merely an educated guess without seeing the rest of your HTML/CSS.

Up vote 2 down vote favorite share g+ share fb share tw.

I am trying to transform my menu items by some degrees, I succeded to do the same in firefox but failed to do the same in chrome and safari. I know IE doesn't supports this CSS3 property. I tried to apply the code on a tag.

I used following css3 properties: li a{ -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); } could anybody please suggest where I am getting wrong. Thanks alot in advance! Html css html5 css3 link|improve this question edited Feb 7 '11 at 12:07gnur2,7011518 asked Feb 7 '11 at 10:02shruti142.

If not, try it. Otherwise, try applying the CSS3 transform rules to li instead.

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.

Worked perfectly for me, thank you! I used it on © to make a copyleft symbol. – Elisabeth Dec 2 '11 at 1:17 @Elisabeth That's an excellent application.

Note that entity references need to be terminated by a semi-colon though (as in ©), although most browsers render both ways. – phihag Dec 2 '11 at 8:35.

Because doing it on the LI tags seems to work fine. According to Snook transforms require the elements affected be block. He's also got some code there to make this work for IE using filters, if you care to add it on(though there appears to be some limitation on values).

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.