Funksiýa skewY

Funksiýa skewY elementi Y ok boýunça egýär, ony parallelogramma öwürýär. transform aýratynlygy bilen bilelikde ulanylýar. Aýratynlygyň bahasy burç ölçeg birliklerinde berilýär. Burç hem positive, hem negative bolup bilýär. Positive baha ýokary tarap egme döredýär, negative - aşak. Egme, transform-origin aýratynlygy bilen kesgitlenýän nokat daşyndan amala aşyrylýar.

Sintaksis

cssselektor {
  transform: skewY(burç);
}

Mysal

Bu mysalda blok ýokary tarapa 30 gradusa egilen:

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

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

Результат:

Mysal

Bu mysalda blok aşak tarapa 30 gradusa egilen:

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

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

Результат:

Şeýle-de görüň