1.spinner {
2 flex-direction: row;
3 display: flex;
4 align-items: center;
5 justify-content: center;
6}
7
8.dot1, .dot2, .dot3 {
9 width: 15px;
10 height: 15px;
11 border: double;
12 border-color: white;
13 border-radius: 50%;
14 margin: 10px;
15}
16
17.dot1 {
18 animation: jump765 1.6s -0.32s linear infinite;
19 background: #2495ff;
20}
21
22.dot2 {
23 animation: jump765 1.6s -0.16s linear infinite;
24 background: #2495ff;
25}
26
27.dot3 {
28 animation: jump765 1.6s linear infinite;
29 background: #2495ff;
30}
31
32@keyframes jump765 {
33 0%, 80%, 100% {
34  -webkit-transform: scale(0);
35  transform: scale(0);
36 }
37
38 40% {
39  -webkit-transform: scale(2.0);
40  transform: scale(2.0);
41 }
42}
43
44