Search
 
SCRIPT & CODE EXAMPLE
 

CSS

absolute center css

.btn__play {
	position: absolute
    top: 50%
    left: 50%
    transform: translate(-50%, -50%)
}
Comment

center absolute element

.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%) */
}
Comment

center absolute suedo element

 left: 50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
8+6 =