"Наклонить" меню с помощью CSS

[specialforce22]

Вот собираю магазин http://demoonline.ru/

Есть мысль для гармонии и красоты "наклонить" под углом 45 градусов правую сторону меню.

 

Есть такое решение в CSS?

За дельный совет и науку - бонусую.

Спасибо!

[Guest]

before или after + rotate 

 

либо таких углов на CSS можно достичь с помощью свойств: border-{top,right,left,bottom}

 

div, body { margin: 0; padding: 0 }

div {
    height: 200px;
    background: green;
}

div:after {
    content: '';
  
    position: absolute;
    left: 0;
    top: 0;
    
    border-top: 30px solid white;
    border-right: 30px solid green;
}

div:before {
    content: '';
  
    position: absolute;
    right: 0;
    top: 170px;
    
    border-bottom: 30px solid white;
    border-left: 30px solid green;
}

<div></div>

 

чет по типу конструктора:

https://bennettfeely.com/clippy/

 

 

[specialforce22]

Ух ты, попробую с утра на свежую голову)) посмотрим, что получится))