/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

4 votes189 views2 answers
Css zebra
CSS
1 vote174 views1 answer
Convert string to uppercase while typing
CSS
0 vote156 views1 answer
Css select alternate elements
CSS
0 vote163 views1 answer
Use flex in container with multiple components
CSS
0 vote255 views1 answer
Css inherit class
CSS
1 vote151 views1 answer
Detect mobile css
CSS
25 votes151 views4 answers
Css inline hover
CSS
5 votes140 views2 answers
Overflow dots css
CSS
0 vote143 views1 answer
Css a little transparent
CSS
0 vote145 views1 answer
Input padding without changing width
CSS