/CSS/Center position fixed

Center position fixed

Center position fixed

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

11

How to center with position fixed

position: fixed;
width: 500px;
height: 200px;
margin: 5% auto; /* Will not center vertically and won't work in IE6/7. */
left: 0;
right: 0;

2

Source: stackoverflow.com

Center position fixed element

.centered {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
}

0

Source: stackoverflow.com

Similar codes

10 votes325 views3 answers
Underline css animation
CSS
5 votes271 views2 answers
Transition transform
CSS
0 vote310 views1 answer
Html glow on hover
CSS
38 votes337 views6 answers
Rotate image css
CSS
1 vote271 views2 answers
How to add tailwind css in yarn
CSS
6 votes319 views5 answers
Bootstrap icons
CSS
0 vote312 views1 answer
Tailwind css react craco
CSS
0 vote313 views1 answer
Css background for text
CSS
185 votes471 views6 answers
Background image css
CSS
0 vote316 views1 answer
How do I link a CSS file to a folder?
CSS

Share