мое новое расписание: пн-пт с 8.00 по 16.00 по москве, сб и вс - выходные; после 16.00 и на вых. отвечаю по возможности

Функция skewY

Функция skewY задает скос элемента по оси Y, превращая его в параллелограмм. Используется совместно со свойством transform. Значением свойства служит угол в любых единицах для углов. Угол может быть как положительными, так и отрицательными. Положительное значение делает скос вверх, отрицательное - вниз. Скос осуществляется вокруг точки, задаваемой свойством transform-origin.

Синтаксис

селектор { transform: skewY(угол); }

Пример

В данном примере блок скошен на 30 градусов вверх:

<div id="elem">lorem ipsum</div> #elem { transform: skewY(30deg); border: 1px solid black; width: 100px; height: 50px; }

:

Пример

В данном примере блок скошен на 30 градусов вниз:

<div id="elem">lorem ipsum</div> #elem { transform: skewY(-30deg); border: 1px solid black; width: 100px; height: 50px; }

:

Смотрите также

  • функцию skew,
    которая задает скос по осям X и Y
  • функцию skewX,
    которая задает скос по оси X