Funksjonen skewY

Funksjonen skewY setter skjevning av et element langs Y-aksen, og forvandler det til et parallellogram. Brukes sammen med egenskapen transform. Verdien til egenskapen er en vinkel i alle enheter for vinkler. Vinkelen kan være både positiv og negativ. En positiv verdi gjør skjevningen oppover, negativ - nedover. Skjevningen utføres rundt punktet spesifisert av egenskapen transform-origin.

Syntaks

cssselector {
  transform: skewY(vinkel);
}

Eksempel

I dette eksemplet er boksen skjevnet med 30 grader oppover:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Eksempel

I dette eksemplet er boksen skjevnet med 30 grader nedover:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(-30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Se også