skew()

Обновлено: 17.01.2023

skew()

Наклоняет элемент в двумерном пространстве по горизонтали и вертикали или одновременно в двух направлениях.

Синтаксис

transform: skew(αx);
transform: skew(αx, αy);

Значения

αx Задаёт угол наклона по горизонтали. Положительное значение наклоняет влево, отрицательное вправо.
αy Задаёт угол наклона по вертикали. Положительное значение наклоняет вниз, отрицательное вверх. Если значение не указано, то по умолчанию принимается равным 0 и искажения по вертикали не происходит.

Одно значение задаёт наклон элемента только по горизонтали. Два значения задают наклон элемента по горизонтали и вертикали независимо. Значение 0 оставляет элемент без искажений.

Пример

Браузеры

skew()

Посмотреть совместимость на Can I use?

skew()