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

57 votes392 views3 answers
How to round the corners of a div outline in css
CSS
0 vote375 views1 answer
Buttons have strange style iOS
CSS
0 vote355 views1 answer
CSS - The Class Selectors
CSS
0 vote370 views1 answer
Next day 2pm delivery countdown timer script
CSS
1 vote359 views1 answer
Zoom background image css
CSS
44 votes382 views6 answers
Gradient color css
CSS
12 votes356 views2 answers
Grid template columns
CSS
2 votes410 views1 answer
Sass class with another class
CSS
0 vote386 views1 answer
Remove effect off animation css
CSS
29 votes355 views4 answers
Css input
CSS