/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 votes125 views1 answer
Add image ::before css
CSS
1 vote120 views2 answers
Rainbow text with css
CSS
0 vote170 views1 answer
Enable xdebug ddev
CSS
0 vote140 views1 answer
Media queries and or conditions
CSS
0 vote124 views1 answer
Add more than 2 css jquery
CSS
0 vote115 views1 answer
Many pseudo selectors in css
CSS
1 vote124 views1 answer
Css button:focus border-radius square
CSS
0 vote132 views2 answers
Add transition to zoom button on hover
CSS
0 vote136 views2 answers
Woocommerce align add to cart buttons css
CSS
4 votes127 views2 answers
Change element in iframe
CSS