Transform savybė
Savybė transform nustato elemento
transformacijas, tokias kaip pasukimas,
keitimas masteliu,
iškreipimas,
pastūmimas
ir kitos. Atitinkamos transformacijos užrašomos
per tarpą:
selektorius {
transform: rotate(30deg) scale(3);
}
Pavyzdys
Šiame pavyzdyje blokas pasuktas 30
laipsnių pagal laikrodžio rodyklę:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Pavyzdys
Šiame pavyzdyje, be pasukimo, pridėtas dar ir iškreipimas:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Pavyzdys
Šiame pavyzdyje, be pasukimo ir iškreipimo, pridėtas mastelio keitimas:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
