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

7 votes181 views4 answers
How hide in html
CSS
1 vote174 views1 answer
Css don't break elements
CSS
0 vote169 views1 answer
How to make a div in top left in css
CSS
19 votes187 views4 answers
Scss react
CSS
0 vote184 views1 answer
Line circle in css
CSS
0 vote186 views1 answer
Hoe maak je alleen het opsommingsteken wit in css
CSS
-1 vote176 views1 answer
Select box arrow hide css in ie
CSS
1 vote187 views1 answer
Rotate favicon css
CSS
0 vote153 views1 answer
How to give a background color strip in html and css
CSS
1 vote184 views1 answer
Restrict flex items in a row
CSS