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

0 vote315 views1 answer
How to add dotted line after and before text in css
CSS
0 vote288 views1 answer
Veritical align inline-block checkbox element
CSS
0 vote270 views1 answer
All pseudo elements css
CSS
1 vote325 views1 answer
Button click css style
CSS
0 vote284 views1 answer
Jquery change css variiable value
CSS
5 votes300 views5 answers
Min padding
CSS
66 votes342 views6 answers
Center an image
CSS
8 votes397 views3 answers
Bootstrap file upload
CSS Bootstrap
7 votes295 views2 answers
Max z-index value css
CSS
2 votes334 views1 answer
Css preprocessor
CSS