Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


 Поделиться

Рекомендованные сообщения

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

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

image.thumb.png.12cc7d2383e0a3fa759046ed8dba10a3.png

 

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

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

Спасибо!

Ссылка на комментарий
Поделиться на других сайтах


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/

 

 

Ссылка на комментарий
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.