45
website/project-files/css/preloader.css
Executable file
45
website/project-files/css/preloader.css
Executable file
@@ -0,0 +1,45 @@
|
||||
/* ========== 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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user