Можно ли сделать диагональную панель меню с помощью css?

Question

Я хотел создать диагональную панель меню для своего блога, но я просто не могу понять, как это сделать. Может кто-нибудь из вас поможет?

Что-то простое (как один в картинке), что я могу персонализировать себя в соответствии с моим шаблоном:

Answer 1

Да, это возможно. Вы должны посмотреть на это свойство CSS3, transform, а затем указать, какую степень вы хотите, чтобы он вращался.

Пример

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

Просто быть в курсе поддержки браузера, когда дело доходит до transform. Вы можете найти более подробную информацию здесь: http://www.w3schools.com/cssref/css3_pr_transform.asp

Answer 2

Этот раздел не для работы вы хотите, чтобы другие люди, чтобы сделать. Это раздел вопросов, где вы можете попросить людей помочь вам с кодом, который не работает или дает вам ошибку. Я рекомендую опубликовать это в разделе задания. С наилучшими пожеланиями