skewX funksiýasy

skewX funksiýasy elementy X oky boýunça eğip, ony parallelogramma öwürýär. transform häsiýeti bilen bilelikde ulanylýar. Häsiýetiň bahasy bolsa, islendik burç ölçeg birliginde berlip bilner. Burç hem positive, hem negative bolup biler. Positive baha sola egme döredýär, negative baha bolsa saga. Egme hereketi, transform-origin häsiýeti bilen kesgitlenýän nokatdan amala aşyrylýar.

Sintaksis

cssselektor {
  transform: skewX(burç);
}

Mysal

Bu mysalda blok 30 gradus sola eğildi:

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

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

Результат:

Mysal

Bu mysalda blok 30 gradus saga eğildi:

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

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

Результат:

Şeýle-de garaň