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

1 vote160 views3 answers
Read more dots css
CSS
-1 vote157 views1 answer
How to hover div in css
CSS
1 vote160 views2 answers
Styles only for IE
CSS
4 votes172 views1 answer
Css border botttom
CSS
0 vote187 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote170 views1 answer
Make all elements in a div share same css
CSS
0 vote167 views1 answer
Htnl css
CSS
8 votes154 views2 answers
Line-weight css
CSS
74 votes158 views6 answers
Css rounded corners
CSS
3 votes153 views1 answer
Css animation keep final state
CSS