/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

76 votes164 views6 answers
Reduce method
CSS
26 votes181 views4 answers
How to move text up and down in html
CSS
0 vote142 views1 answer
Sticky header not working chrome
CSS
0 vote155 views1 answer
Css diplay grid text truncate
CSS
10 votes150 views3 answers
Reset
CSS
0 vote155 views1 answer
Css table th width
CSS
8 votes153 views5 answers
Flex margin between items
CSS
0 vote154 views1 answer
Sass file
CSS
0 vote165 views1 answer
Display inline-block not working
CSS
0 vote169 views1 answer
Css clip path alternative
CSS