0

I wanted to make a diagonal menu bar for my blog but I just can't figure out how to do it. can any of you help please?

Something simple (like the one in the picture) that I can personalize myself according to my template :

image

kukkuz
  • 41,512
  • 6
  • 59
  • 95
Ou Ma
  • 11
  • 6

2 Answers2

1

Yep, it's possible to do that. You should be looking at this CSS3 property, transform, and then specify how much degree you want it to rotate.

Example

#myMenuBar {
    background-color:black;
    color:white;
    transform:rotate(-10deg);
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
}

Just be aware of the browser support when it comes to transform. You can find more details here: http://www.w3schools.com/cssref/css3_pr_transform.asp

woodykiddy
  • 6,074
  • 16
  • 59
  • 100
-1

This section is not for jobs you want other people to do. This is the question section, where you can ask people to help you with your code that isn't working or is giving you a bug. I recommend posting this in the job section. Best Regards

Matt.Owen
  • 391
  • 1
  • 4
  • 15
  • I wasn't aware there was such a category, besides, I already have a code, but no matter what trick I tried I couldn't figure out what was wrong... I'only a beginner after all – Ou Ma Aug 27 '16 at 04:24
  • Its fine, and I understand. Have you tried just rotating the div? – Matt.Owen Aug 27 '16 at 04:25