функция CSS skew()

определение и использование

CSS skew() функция используется для наклона элементов по заданным углам по осям x и y.

skew() функция в 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

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

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

кروم эдж фایرفاکس сafari опера
1 12 3.5 3.1 10.5

صفحات مرتبط

آموزش:ترجمه 2D CSS

مراجعه:خصوصیت transform CSS

مراجعه:دستور skewX() CSS

مراجعه:دستور skewY() CSS