Funkce skewY

Funkce skewY nastavuje zkosení prvku podél osy Y, čímž jej mění na rovnoběžník. Používá se společně s vlastností transform. Hodnotou vlastnosti je úhel v libovolných jednotkách pro úhly. Úhel může být kladný i záporný. Kladná hodnota způsobí zkosení nahoru, záporná - dolů. Zkosení se provádí kolem bodu určeného vlastností transform-origin.

Syntaxe

cssselektor {
  transform: skewY(úhel);
}

Příklad

V tomto příkladu je blok zkosen o 30 stupňů nahoru:

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

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

Результат:

Příklad

V tomto příkladu je blok zkosen o 30 stupňů dolů:

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

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

Результат:

Viz také