Перейти к публикации

Наклон


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

1.thumb.png.35fd35e0301efa28afc5cd5fa83582ee.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) влево.

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


 Отправить жалобу

×