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

Функция CSS skewY()

Определение и использование skewY() Функция CSS

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

Пример

Пример 1

Использование skewY() Наклоните несколько элементов <div> по заданному углу по оси Y:

#myDiv1 {
  transform: skewY(15deg);
}
#myDiv2 {
  transform: skewY(30deg);
}
#myDiv3 {
  transform: skewY(-25deg);
}

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

Пример 2

Использование skewY() Наклоните изображение по заданному углу по оси Y:

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

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

Грамматика CSS

skewY(a)

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

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

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

См. также:

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

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

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

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