.btn__play {
position: absolute
top: 50%
left: 50%
transform: translate(-50%, -50%)
}
.child {
position: absolute;
top: 50%; /* position the top edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%); /* This is a shorthand of
translateX(-50%) and translateY(-50%) */
}
left: 50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
Code Example |
---|
Css :: overflow css |
Css :: on hover css |
Css :: font awesome center icon vertically and horizontally |
Css :: css comments |
Css :: css how to hyperlink |
Css :: background-attachment |
Css :: CSS blue bottom right Box shadow |
Css :: Add border to text - Css |
Css :: css media query max width |
Css :: box sizing ftw |
Css :: text-transform |
Css :: how create checkbox ui like disabled checkbox using css |
Css :: font-family css |
Css :: markdown dont skip space |
Css :: using materialize css with react |
Css :: change text color when scrolling css |
Css :: display in css |
Css :: mb in bootstrap |
Css :: deep selector |
Css :: round image css |
Css :: css media query overflow |
Css :: bounced in css animation |
Css :: overflow in css |
Css :: transform on click |
Css :: line icon css |
Css :: angular css animation |
Css :: css syntax |
Css :: scrollheight |
Css :: css flex justify self |
Css :: css img |