37 lines
810 B
CSS
37 lines
810 B
CSS
@keyframes loading_spinner_animation {
|
|
0% { transform: translate(-50%,-50%) rotate(0deg); }
|
|
100% { transform: translate(-50%,-50%) rotate(360deg); }
|
|
}
|
|
|
|
.loading_spinner_animation div {
|
|
position: absolute;
|
|
width: 130px;
|
|
height: 130px;
|
|
border: 5px solid #1c01a9;
|
|
border-top-color: transparent;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.loading_spinner_animation div {
|
|
animation: loading_spinner_animation 1s linear infinite;
|
|
top: 100px;
|
|
left: 100px
|
|
}
|
|
|
|
.loading_spinner {
|
|
width: 54px;
|
|
height: 54px;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
background: none;
|
|
}
|
|
|
|
.loading_spinner_animation {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
transform: translateZ(0) scale(0.28);
|
|
backface-visibility: hidden;
|
|
transform-origin: 0 0; /* see note above */
|
|
}
|
|
.loading_spinner_animation div { box-sizing: content-box; } |