Jump to content

На примере я сделал наклон кнопок в navBar и сам userBar

1.thumb.png.420f6200cd43601b1e2ac0e72486a80e.png

Сам код:

Спойлер

   /* 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) влево.

Число можете менять.

User Feedback

Recommended Comments

Комментариев пока нет

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Добавить комментарий...