Loader by Alaner-xs

1.loader {
2 --border-width: 10px;
3 --size: 60px;
4 border: var(--border-width) solid #f3f3f3;
5 border-radius: 50%;
6 border-top: var(--border-width) solid #1bbeff;
7 border-bottom: var(--border-width) solid #1bbeff;
8 border-left: var(--border-width) solid #147ec5;
9 border-right: var(--border-width) solid #147ec5;
10 width: var(--size);
11 height: var(--size);
12 animation: spin35112 2s linear infinite;
13}
14
15@keyframes spin35112 {
16 0% {
17  transform: rotate(0deg);
18 }
19
20 100% {
21  transform: rotate(360deg);
22 }
23}
24
25.shake {
26 animation: shake61790 1s linear infinite;
27}
28
29@keyframes shake61790 {
30 0% {
31  transform: skewX(0deg);
32 }
33
34 50% {
35  transform: skewX(20deg);
36 }
37
38 100% {
39  transform: skewX(0deg);
40 }
41}