.class1 { transform: translate(5px); } .class2 { transform: translate(5px, 5px); } .class3 { transform: translate(5px, 0); } .class4 { transform: translate(var(--foo), 0); } .class5 { transform: translate(var(--foo)); } .class6 { transform: translate(0, 5px); } .class7 { transform: translate(0, var(--foo)); } .class8 { transform: translate3d(0, 0, 0); } .class9 { transform: translate3d(0, 0, 10px); } .class10 { transform: TRANSLATE3D(0, 0, 10px); } .class11 { transform: translate3d(0, 0, var(--foo)); } .class12 { transform: translate3d(0, var(--foo)); } .class13 { transform: translate3d(var(--foo)); } .class14 { transform: translate3d(var(--foo), 0); } .class15 { transform: translate3d(var(--foo), 0, 0); } .class16 { transform: scale(0, 0); } .class17 { transform: scale(1.5, 1.5); } .class18 { transform: scale(1.5, 1); } .class19 { transform: scale(var(--foo), 1); } .class20 { transform: scale(1, 1.5); } .class21 { transform: scale(1, var(--foo)); } .class22 { transform: scale(1.5, 3); } .class23 { transform: scale(1.5); } .class24 { transform: SCALE(1.5, 1); } .class25 { transform: scale(var(--foo)); } .class26 { transform: scale3d(1.5, 1, 1); } .class27 { transform: scale3d(var(--foo), 1, 1); } .class28 { transform: scale3d(1, 1.5, 1); } .class29 { transform: scale3d(1, var(--foo), 1); } .class30 { transform: scale3d(1, 1, 1.5); } .class31 { transform: scale3d(1, 1, var(--foo)); } .class32 { transform: scale3d(1.5, 1.5, 3); } .class33 { transform: scale3d(var(--foo)); } .class34 { transform: scale3d(1.5, var(--foo)); } .class35 { transform: scale3d(var(--foo), 1.5); } .class36 { transform: scale3d(var(--foo), var(--foo), var(--foo)); } .class37 { transform: matrix3d(20, 20, 0, 0, 40, 40, 0, 0, 0, 0, 1, 0, 80, 80, 0, 1); } .class38 { transform: MATRIX3D(20, 20, 0, 0, 40, 40, 0, 0, 0, 0, 1, 0, 80, 80, 0, 1); } .class39 { transform: matrix3d(var(--foo)); } .class40 { transform: matrix3d(var(--a1), var(--a2), var(--a3), var(--a4)); } .class41 { transform: matrix3d(var(--a1), var(--b1), var(--c1), var(--d1), var(--a2), var(--b2), var(--c2), var(--d2), var(--a3), var(--b3), var(--c3), var(--d3), var(--a4), var(--b4), var(--c4), var(--d4)); } .class42 { transform: matrix3d(var(--a), var(--b), 0, 0, var(--c), var(--d), 0, 0, 0, 0, 1, 0, var(--tx), var(--ty), 0, 1); } .class43 { transform: rotate3d(1, 0, 0, 20deg); } .class44 { transform: rotate3d(1, 0, 0, var(--foo)); } .class45 { transform: rotate3d(0, 1, 0, 20deg); } .class46 { transform: rotate3d(0, 1, 0, var(--foo)); } .class47 { transform: rotate3d(0, 0, 1, 20deg); } .class48 { transform: rotate3d(0, 0, 1, var(--foo)); } .class49 { transform: rotateZ(20deg); } .class50 { transform: rotateZ(var(--foo)); } .class51 { transform: skew(10deg, 0); } .class52 { transform: skew(var(--foo), 0); } .class53 { transform: skew(0, 10deg); } .class54 { transform: skew(0, var(--foo)); } .class55 { transform: skew(var(--foo)); } .class56 { transform: skew(12deg, 20deg); } .class57 { transform: skew(0deg, 10deg); } .class58 { transform: rotate3d(1, 0, 0, 0deg); }