/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 votes357 views2 answers
Scss how to declare variable for multiple files
CSS
1 vote332 views1 answer
Ahk modifiers
CSS
0 vote317 views1 answer
Make font awesome spin but not the word on hover
CSS
0 vote368 views5 answers
SVG color
CSS
2 votes314 views1 answer
Why do we need hexadecimal number system
CSS
1 vote304 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
18 votes345 views6 answers
Text outline css
CSS
8 votes360 views3 answers
Text break css
CSS
37 votes315 views2 answers
Css transform y
CSS
0 vote345 views1 answer
Easyui datagrid header multiline
CSS