Opis:
CSS transform Transformuje element za pomocą technologii w dwóch lub trzech wymiarach.
CSS transform - Przykład:
Składnia:
transform: none|transform-functions|initial|inherit;
CSS transform - Spis wartości:
| Nazwa | |
|---|---|
| none | Wyłącza transformację. |
| matrix(n,n,n,n,n,n) | Określa 2D transformację, używając 6-cio wartościowej macierzy. |
| matrix3d (n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | Określa 3D transformację, używając 16-sto wartościowej macierzy 4x4. |
| translate(x,y) | Określa 2D translację. |
| translate3d(x,y,z) | Określa 3D translację. |
| translateX(x) | Określa 3D translację, poprzez podanie wartości dla osi 'x'. |
| translateY(y) | Określa 3D translację, poprzez podanie wartości dla osi 'y'. |
| translateZ(z) | Określa 3D translację, poprzez podanie wartości dla osi 'z'. |
| scale(x,y) | Określa 2D transformację skalowania. |
| scale3d(x,y,z) | Określa 3D transformację skalowania. |
| scaleX(x) | Określa 3D transformację skalowania, poprzez podanie wartości dla osi 'x'. |
| scaleY(y) | Określa 3D transformację skalowania, poprzez podanie wartości dla osi 'y'. |
| scaleZ(z) | Określa 3D transformację skalowania, poprzez podanie wartości dla osi 'z'. |
| rotate(angle) | Określa 2D rotację. |
| rotate3d(x,y,z,angle) | Określa 3D rotację. |
| rotateX(angle) | Określa 3D rotację wzdłuż osi 'x'. |
| rotateY(angle) | Określa 3D rotację wzdłuż osi 'y'. |
| rotateZ(angle) | Określa 3D rotację wzdłuż osi 'z'. |
| skew(x-angle,y-angle) | Określa 2D ukośną transformacją wzdłuż osi 'x' i 'y'. |
| skewX(angle) | Określa 2D ukośną transformacją wzdłuż osi 'x'. |
| skewY(angle) | Określa 2D ukośną transformacją wzdłuż osi 'y'. |
| perspective(n) | Określa widok perspektywy dla elementu w transformacji 3D. |
| initial | Ustawia domyślną wartość. |
| inherit | Dziedziczy wartość po rodzicu. |
Zobacz również:
perspective | transform-style | perspective-origin | transform | backface-visibility |