1 | .str-chat__loading-indicator {
|
2 | display: flex;
|
3 | align-items: center;
|
4 | justify-content: center;
|
5 | animation: rotate 1s linear infinite;
|
6 |
|
7 | @-webkit-keyframes rotate {
|
8 | from {
|
9 | -webkit-transform: rotate(0deg);
|
10 | -o-transform: rotate(0deg);
|
11 | transform: rotate(0deg);
|
12 | }
|
13 |
|
14 | to {
|
15 | -webkit-transform: rotate(360deg);
|
16 | -o-transform: rotate(360deg);
|
17 | transform: rotate(360deg);
|
18 | }
|
19 | }
|
20 |
|
21 | @keyframes rotate {
|
22 | from {
|
23 | -ms-transform: rotate(0deg);
|
24 | -moz-transform: rotate(0deg);
|
25 | -webkit-transform: rotate(0deg);
|
26 | -o-transform: rotate(0deg);
|
27 | transform: rotate(0deg);
|
28 | }
|
29 |
|
30 | to {
|
31 | -ms-transform: rotate(360deg);
|
32 | -moz-transform: rotate(360deg);
|
33 | -webkit-transform: rotate(360deg);
|
34 | -o-transform: rotate(360deg);
|
35 | transform: rotate(360deg);
|
36 | }
|
37 | }
|
38 | }
|