home chevron_right
Наклон (transform-skew)

Наклон (transform-skew)link

transform-skew наклоняет элемент по оси x или y.

Классыlink

Класс Значение
.skew-x-0 transform: skewX(0deg)
.skew-x-1 transform: skewX(1deg)
.skew-x-2 transform: skewX(2deg)
.skew-x-3 transform: skewX(3deg)
.skew-x-5 transform: skewX(5deg)
.skew-x-15 transform: skewX(15deg)
.skew-y-0 transform: skewY(0deg)
.skew-y-1 transform: skewY(1deg)
.skew-y-2 transform: skewY(2deg)
.skew-y-3 transform: skewY(3deg)
.skew-y-5 transform: skewY(5deg)
.skew-y-15 transform: skewY(15deg)

Синтаксисlink

  • skew-x-{value}
  • skew-y-{value}
  • hover:skew-x-{value}
  • hover:skew-y-{value}

Где value: 0, 1, 2, 3, 5, 15.

Playgroundlink