/CSS/How to center an overlay button using css transform and translate

How to center an overlay button using css transform and translate

position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);

Source: stackoverflow.com

Similar codes

1 vote174 views1 answer
Input type date remove calendar icon
CSS
0 vote192 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
1 vote175 views1 answer
Prefix in css
CSS
-1 vote170 views1 answer
Scss background color
CSS
-1 vote186 views1 answer
How to centralize cards in css
CSS
11 votes130 views1 answer
90deg rotate to left css
CSS
1 vote185 views1 answer
How to use input border
CSS
5 votes168 views1 answer
Force to load https
CSS
4 votes176 views1 answer
Ionic mobile always dark theme in web
CSS
20 votes180 views5 answers
How to add background image in react css
CSS