/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

2 votes219 views1 answer
Transfrom rotate
CSS
5 votes289 views2 answers
Remove bootstrap button outline
CSS
14 votes301 views4 answers
Text align left bootstrap
CSS Bootstrap
0 vote191 views1 answer
Execution timeout expired the timeout
CSS
33 votes184 views5 answers
Css strikethrough html text
CSS
0 vote191 views1 answer
Changer couleur liens cliqués css
CSS
55 votes198 views5 answers
Margin shorthand CSS
CSS
0 vote223 views2 answers
Css grid cheat sheet
CSS
0 vote220 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS
20 votes199 views4 answers
Css list no bullets
CSS