Css translate x and y

Css transform

transform: matrix(1, 2, 3, 4, 5, 6);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: translate(120px, 50%);
transform: scale(2, 0.5);
transform: rotate(0.5turn);
transform: skew(30deg, 20deg);
transform: scale(0.5) translate(-100%, -100%);
transform: perspective(17px);

Source: developer.mozilla.org

Css translate x and y

transform: matrix(1, 2, 3, 4, 5, 6);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: translate(120px, 50%);
transform: scale(2, 0.5);
transform: rotate(0.5turn);
transform: skew(30deg, 20deg);
transform: scale(0.5) translate(-100%, -100%);
transform: perspective(17px);

Similar codes

17 votes106 views2 answers
Css horizontal gradient background color
CSS
1 vote125 views2 answers
Link active css
CSS
0 vote67 views1 answer
Scss add class to body
CSS
0 vote109 views1 answer
Background pulled to corner on small screens
CSS
0 vote119 views1 answer
Bash access array indirectly
CSS
0 vote194 views2 answers
Materialize css for react
CSS Materialize
2 votes127 views3 answers
Horizontal Scrolling Bopostrap CSS
CSS
1 vote120 views2 answers
Css button style rectangle
CSS
7 votes141 views6 answers
Background overlay css
CSS
0 vote133 views1 answer
Scroll tbody fixed thead
CSS