website-gemompel/themes/MetroMumbleLight/loading.css

34 lines
532 B
CSS
Raw Normal View History

2016-11-27 16:43:59 +00:00
.loading-container {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #eee;
z-index: 1000;
}
.loading-circle {
box-sizing: border-box;
width: 80px;
height: 80px;
position: absolute;
top: calc(50% - 40px);
left: calc(50% - 40px);
border-radius: 100%;
border: 10px solid #ddd;
border-top-color: #999;
animation: spin 1s infinite linear;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.loaded {
top: -100%;
transition: top 1s;
transition-delay: 2s;
}