Transform (2D) - ściągawka

właściwości standardowe właściwości niestandardowe właściwości JS niestandardowe

właściwości standardowe

właściwość opis wartość domyślna wartości
rotate(Ndeg) Obróć. 0
oryginalny
transformowany
deg

-720720
scale(XY)
scale(X, Y) 		Skaluj XY. 0
oryginalny
transformowany


02
• scaleX(X) Skaluj X. 0
oryginalny
transformowany


02
• scaleY(Y) Skaluj Y. 0
oryginalny
transformowany


02
translate(Xpx)
translate(Xpx, Ypx) 		Przesuń XY. 0
oryginalny
transformowany
(X=Y) px, px

-200200
• translateX(Xpx)
 Przesuń X. 0
oryginalny
transformowany
px

-200200
• translateY(Ypx)
 Przesuń Y. 0
oryginalny
transformowany
px

-200200
skew(Xpx, Ypx) Pochyl XY. 0
oryginalny
transformowany
(X=Y) deg, deg

-180180
skewX(Xpx) Pochyl X. 0
oryginalny
transformowany
deg

-180180
skewY(Ypx) Pochyl Y. 0
oryginalny
transformowany
deg

-180180
matrix
(scaleX, skewY,
skewX, scaleY,
translateX, translateY
) 		Transformacja kombinowana. - -

właściwości niestandardowe

Uwaga: Odwrotnie niż na poniższych zestawieniach, w arkuszach CSS najlepiej jest umieszczać selektor standardowy i wartość standardową jako ostatnią na liście, po selektorach i wartościach niestandardowych. Zwłaszcza w przypadku display.

właściwość wartości wartość domyślna
transform:
-ms-transform: /* IE 9 */
-webkit-transform: /* Chrome 36-, Safari 5.1+, iOS 9.2-, Android 4.4.4- */
 - -

właściwości JS niestandardowe

właściwość wartości wartość domyślna
transform =
MsTransform = /* IE 9 */
webkitTransform = /* Chrome 36-, Safari 5.1+, iOS 9.2-, Android 4.4.4- */
 - -