add a 10 degree rotation to my menu

• 

  hugophoto · Member · Mar 20, 2011 at 4:08 am

  • Copy link
  • Add topic to favorites

  So right now I’m experimenting with css since I’m new at this. what I what to do is to add a 10 degree rotation to each of my menu button. y have tried this directly on my page with firebug and it worked fine.

  ­` #access .menu-header li, div.menu li {
  -moz-transform: rotate(10deg);
  background-color: #000000;
  bottom: 27px;
  float: left;
  margin-right: 8px;
  position: relative;
  } `

  But when I add the same code in my style sheet and I save it, the -moz-transform: rotate(10deg); disapear and i don’t understand why.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 20, 2011 at 5:14 am

  • Copy link

  If it disappears from the stylesheet when you save, that means that declaration is not supported at wordpress and is being filtered out. I tried to do some rotations on images and the same thing happens. Just not supported right now, and I suspect not all browsers support it.

  As an example, -moz is Firefox, -webkit is Safari and Chrome, -o is Opera. IE does not understand -moz, -webkit or -o so you end up having to add 4 separate declaration. This as I understand it is what is required for IE:

  progid:DXImageTransform.Microsoft.BasicImage(rotation=0)

  WordPress has to maintain the widest browser support they can and given the above quagmire you have to slog through, I doubt they are going to support it anytime soon.

• 

  hugophoto · Member · Mar 20, 2011 at 5:27 am

  • Copy link

  alright thank you for your answer!

• 

  thesacredpath · Member · Mar 20, 2011 at 5:30 am

  • Copy link

  You are welcome. I suspect it is coming down the road, but just not there yet.