mark2web/website/project-files/css/preloader.css
Sebastian Frank 70d7497eda
All checks were successful
continuous-integration/drone/push Build is passing
better project layout
2019-03-19 11:15:32 +01:00

45 lines
999 B
CSS
Executable File

/* ========== PRELOAER ========== */
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; z-index: 5000; overflow:hidden;}
.spinner {
width: 60px;
height: 60px;
position:absolute;
top:50%;
left:50%;
margin-left:-30px;
margin-top:-30px;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #FFF;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}