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
selektor {
transform: skewX(burç);
}
Mysal
Bu mysalda blok 30 gradus
sola eğildi:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mysal
Bu mysalda blok 30 gradus
saga eğildi:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Şeýle-de garaň
-
skew funksiýasy,
X we Y oklary boýunça egme berýär -
skewY funksiýasy,
Y oky boýunça egme berýär