-
Notifications
You must be signed in to change notification settings - Fork 0
/
zoo.css
38 lines (36 loc) · 900 Bytes
/
zoo.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
body {
background: #0000 !important;
}
:root {
--s-loader-wrapper-bg-color: rgb(21, 22, 43);
--s-loader-width: 20px;
--s-loader-height: var(--s-loader-width);
--s-loader-border-color-trans: rgba(240, 213, 62, 0.2);
--s-loader-border-color-full: rgb(204, 179, 69);
}
.loader {
width: var(--s-loader-width);
height: var(--s-loader-height);
border: 5px solid var(--s-loader-border-color-trans);
border-left-color: var(--s-loader-border-color-full);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 1.2rem;
text-align: center;
background: transparent;
animation-name: rotate-s-loader;
animation-iteration-count: infinite;
animation-duration: 0.3s;
animation-timing-function: linear;
position: relative;
}
@keyframes rotate-s-loader {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}