| none |
Domyślne. Określa, że nie powinno być żadnej transformacji |
matrix(n,n,n,n,n,n)
matrix(0.6,0.8,-0.8,0.6,50,30) |
|
Definiuje transformację 2D przy użyciu macierzy sześciu wartości |
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
|
|
Definiuje transformację 3D przy użyciu macierzy 4x4 o 16 wartościach |
translate(x,y)
translate(20px, 4em) |
|
Definiuj przesunięcie (translację) 2D w jednostkach długości |
translate3d(x,y,z)
translate3d(10px,10px,-100px) |
|
Definiuj przesunięcie (translację) w przestrzeni 3D w jednostkach długości |
translateX(x)
translateX(1em) |
|
Definiuj przesunięcie 2D tylko na osi X, w jednostkach długości |
translateY(y)
translateY(-10px) |
|
Definiuj przesunięcie 2D tylko na osi Y, w jednostkach długości |
translateZ(z)
translateZ(30px) |
|
Definiuj przesunięcie 2D tylko na osi Z, w jednostkach długości |
scale(x_scale,y_scale)
scale(1.1,0.5) |
|
Definiuj zmianę wymiarów 2D wg podanych skal |
scale3d(x,y,z)
scale3d(0.9,1.1,33) |
|
Definiuje zmianę wymiarów 3D wg podanych skal |
scaleX(x)
scaleX(0.3) |
|
Skalowanie tylko wymiaru na osi X |
scaleY(y)
scaleY(1.3) |
|
Skalowanie tylko wymiaru na osi Y |
scaleZ(z)
scaleZ(2) |
|
Skalowanie tylko wymiaru na osi Z |
rotate(angle)
rotate(30deg) |
|
Definiuje obrót 2D, o określony kąt. (Zobacz jednostki) |
rotate3d(x,y,z,angle)
rotate3d(1, 0.5, 0, 45deg)
|
Definiuje obrót 3D |
rotateX(angle)
rotateX(45deg) |
|
Definiuje obrót 3D wzdłuż osi X. |
rotateY(angle)
rotateY(45deg) |
|
Definiuje obrót 3D wzdłuż osi Y. |
rotateZ(angle)
rotateZ(45deg) |
|
Definiuje obrót 3D wzdłuż osi Z. |
skew(x-angle,y-angle)
skew(15deg, 30deg) |
|
Definiuje pochylenie 2D wzdłuż osi X i Y. |
skewX(angle)
skewX(20deg) |
|
Definiuje pochylenie 2D wzdłuż osi X. |
skewY(angle)
skewY(20deg) |
|
Definiuje transformację pochylenia 2D wzdłuż osi Y. |
perspective(n)
perspective(200px) |
|
Definiuje widok perspektywiczny dla przekształconego elementu 3D |
| initial |
Ustawia tę właściwość na wartość domyślną. |
| inherit |
Dziedziczy tę właściwość po elemencie nadrzędnym. |
| Przykłady: |
|
|
|
|