На примере я сделал наклон кнопок в navBar и сам userBar
Сам код:
Спойлер
/* Skew */ -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg); transform: skew(-10deg);
Вставляется он примерно так, в userBar:
Спойлер
#elUserNav{ background: rgba(75, 75, 75, 0.6); border: 2px solid #fff; z-index:2001; top: 3px; position: fixed; padding: 7px 18px; /* Skew */ -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg); transform: skew(-10deg); }
Наклон регулируется путём:
skew(-10deg) вправо.
skew(10deg) влево.
Число можете менять.
Рекомендуемые комментарии
Комментариев нет
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.