/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 vote175 views1 answer
Prefix in css
CSS
0 vote148 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote188 views2 answers
Add a comment in css
CSS
0 vote136 views3 answers
Css how to make 2d animations at once
CSS
1 vote177 views1 answer
Ionchips scroll x
CSS
19 votes179 views6 answers
Map method
CSS
0 vote170 views2 answers
Css gradient rgba to hex
CSS
0 vote131 views1 answer
Advanced custom fields cpt options pages
CSS
0 vote190 views1 answer
Add backdrop to modal css
CSS