Transform häsiýeti
transform häsiýeti element üçin
aýlanma,
masştablaşdyrma,
egme,
ýerini üýtgetme
ýaly öwürmeleri kesgitleýär. Degişli öwürmeler
aralyk goýulyp ýazylýar:
selektor {
transform: rotate(30deg) scale(3);
}
Mysal
Bu mysalda blok sagat eýrämi boýunça 30
gradusa aýlandyryldy:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mysal
Bu mysalda aýlanma bilen bir hatarda goňşylyk hem goşuldy:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mysal
Bu mysalda aýlanma we goňşylyk bilen bir hatarda masştab üýtgemesi hem goşuldy:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
