Рекомендуемый курс:

Функция CSS skew()

Определение и использование skew() В CSS

skew() Функция используется для наклона элементов по заданным углам по осям X и Y. transform Используется в свойстве.

Пример

Пример 1

Использование skew() Наклон нескольких элементов <div>:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

Попробуйте сами

Пример 2

Использование skew() Изображение с наклоном:

#img1 {
  transform: skew(25deg);
}
#img2 {
  transform: skew(-25deg);
}
#img3 {
  transform: skew(10deg, 10deg);
}

Попробуйте сами

Синтаксис CSS

skew(ax, ay)
Значение Описание
ax Обязателен. Угол. Определяет наклон по оси X.
ay Допустимо. Угол. Определяет наклон по оси Y. Если пропущен, значение устанавливается в 0.

Технические детали

Версия: Модуль преобразований CSS уровня 1

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает эту функцию.

Хром Эдж Фаерфокс Сафари Опера
1 12 3.5 3.1 10.5

Соответствующие страницы

Урок:2D-трансформации CSS

См. также:Свойство transform в CSS

См. также:Функция skewX() в CSS

См. также:Функция skewY() в CSS