transform: | |
---|---|
none; | transform-function [transform-function]* |
transform: none; |
np. transform: rotate(180deg); |
np. transform: rotate(180deg) scaleY(2); |
Funkcja | Opis |
---|---|
matrix(x1, x2, x3, x4, x5, x6) | wektor, macierz transformacji |
translate(x[, y]) | translacja, przesunięcie o wektor [x,y] |
translateX(x) | translacja, przesunięcie o wektor [x,0] |
translateY(y) | translacja, przesunięcie o wektor [0,y] |
scale(x[, y]) | skala, jednokładność |
scaleX(x) | skala, jednokładność pozioma |
scaleY(y) | skala, jednokładność pionowa |
rotate(a) | obrót o kąt a |
skew(a[, b]) | pochylenie |
skewX(a) | pochylenie poziome o kąt a |
skewY(b) | pochylenie pionowe o kąt b |
transform-origin: | ||
---|---|---|
percentage np. 50% | length np. 50px | |
percentage np. 50% | Lorem |
Lorem |
length np. 5px | Lorem |
Lorem |
transform-origin: | |||
---|---|---|---|
left | center | right | |
top | Lorem |
Lorem |
Lorem |
center | Lorem |
Lorem |
Lorem |
bottom | Lorem |
Lorem |
Lorem |
transform-style: | |
---|---|
flat | preserve-3d |
Rodzic
Dziecko
|
Rodzic
Dziecko
|
perspective: | |
---|---|
none | length np. 10px |
Lorem ipsum |
Lorem ipsum |
perspective-origin: | ||
---|---|---|
percentage | length | |
percentage | Lorem |
Lorem |
length | Lorem |
Lorem |
perspective-origin: | |||
---|---|---|---|
left | center | right | |
top | Lorem |
Lorem |
Lorem |
center | Lorem |
Lorem |
Lorem |
bottom | Lorem |
Lorem |
Lorem |
backface-visibility: | |
---|---|
visible | hidden |
Lorem ipsum |
Funkcja | Opis |
---|---|
matrix(x1, x2, ... , x16) | wektor, macierz transformacji |
translate3d(x, y, z) | translacja, przesunięcie o wektor [x,y,z] |
translateZ(x) | translacja, przesunięcie o wektor [0,0,z] |
scale3d(x, y, z) | skala, jednokładność (x,y,z) |
scaleZ(z) | skala, jednokładność (1, 1, z) |
rotate3d(x,y,z,a) | obrót o kąt a względem (x,y,z) |
rotateX(a) | obrót o kąt a względem (1,0,0) |
rotateY(a) | obrót o kąt a względem (0,1,0) |
rotateZ(a) | obrót o kąt a względem (0,0,1) |
perspective(x) | perspektywa o odległości x |