Funkcija skewY

Funkcija skewY zadaje nagib elementa po Y osi, pretvarajući ga u paralelogram. Koristi se zajedno sa svojstvom transform. Vrednost svojstva je ugao u bilo kojoj jedinici za uglove. Ugao može biti i pozitivan, i negativan. Pozitivna vrednost izaziva nagib na gore, negativna - na dole. Nagib se vrši oko tačke zadate svojstvom transform-origin.

Sintaksa

cssselektor {
  transform: skewY(ugao);
}

Primer

U ovom primeru blok je nagnut za 30 stepeni na gore:

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

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

Результат:

Primer

U ovom primeru blok je nagnut za 30 stepeni na dole:

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

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

Результат:

Pogledajte takođe