/CSS/Css preloader, preload website screen

Css preloader, preload website screen

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}
 
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}

Source: ihatetomatoes.net

Similar codes

0 vote167 views1 answer
Nth-of-type(2):before
CSS
0 vote141 views4 answers
Tabs css only
CSS
0 vote255 views1 answer
Box style
CSS
0 vote147 views1 answer
Css table th width
CSS
9 votes142 views3 answers
Css grid repeat
CSS
0 vote146 views1 answer
Css add space to the top
CSS
-7 votes247 views6 answers
Css all flex properties
CSS
6 votes133 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
-1 vote145 views1 answer
On class hover another class color change
CSS
2 votes95 views1 answer
How to disable div onclick in javascript
CSS