xp3857 commited on
Commit
a2e0622
1 Parent(s): cc2ed18

Update css.css

Browse files
Files changed (1) hide show
  1. css.css +69 -1
css.css CHANGED
@@ -42,4 +42,72 @@ div.svelte-1fwqiwq .block{
42
  margin-top: 5px;
43
  margin-bottom: 15px;
44
  font-size: 1.1rem;
45
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
42
  margin-top: 5px;
43
  margin-bottom: 15px;
44
  font-size: 1.1rem;
45
+ }
46
+
47
+ .lds-ellipsis {
48
+ display: inline-block;
49
+ position: relative;
50
+ width: 80px;
51
+ height: 80px;
52
+
53
+ }
54
+ .lds-ellipsis div {
55
+ position: absolute;
56
+ z-index:199999;
57
+
58
+ top: 33px;
59
+ width: 13px;
60
+ height: 13px;
61
+ border-radius: 50%;
62
+ background: blue;
63
+ animation-timing-function: cubic-bezier(0, 1, 1, 0);
64
+ }
65
+ .lds-ellipsis div:nth-child(1) {
66
+ left: 8px;
67
+ animation: lds-ellipsis1 0.6s infinite;
68
+ }
69
+ .lds-ellipsis div:nth-child(2) {
70
+ left: 8px;
71
+ animation: lds-ellipsis2 0.6s infinite;
72
+ }
73
+ .lds-ellipsis div:nth-child(3) {
74
+ left: 32px;
75
+ animation: lds-ellipsis2 0.6s infinite;
76
+ }
77
+ .lds-ellipsis div:nth-child(4) {
78
+ left: 56px;
79
+ animation: lds-ellipsis3 0.6s infinite;
80
+ }
81
+ @keyframes lds-ellipsis1 {
82
+ 0% {
83
+ transform: scale(0);
84
+ }
85
+ 100% {
86
+ transform: scale(1);
87
+ }
88
+ }
89
+ @keyframes lds-ellipsis3 {
90
+ 0% {
91
+ transform: scale(1);
92
+ }
93
+ 100% {
94
+ transform: scale(0);
95
+ }frames lds-ellipsis2 {
96
+ 0% {
97
+ transform: translate(0, 0);
98
+ }
99
+ 100% {
100
+ transform: translate(24px, 0);
101
+ }
102
+ }
103
+
104
+ }
105
+ @keyframes lds-ellipsis2 {
106
+ 0% {
107
+ transform: translate(0, 0);
108
+ }
109
+ 100% {
110
+ transform: translate(24px, 0);
111
+ }
112
+ }
113
+