/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

7 votes211 views3 answers
Bootstrap remove outline
CSS Bootstrap
22 votes157 views5 answers
Center grid
CSS
37 votes141 views4 answers
Css circle border
CSS
2 votes170 views1 answer
How to apply hover through inline css
CSS
3 votes134 views3 answers
Css border left
CSS
0 vote249 views1 answer
Box style
CSS
0 vote141 views1 answer
How to set initial state after first time in formik
CSS
-1 vote141 views1 answer
Css div bottom of parent
CSS
0 vote193 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
3 votes143 views4 answers
Remove outline on button click
CSS