ss

重庆迈尖科技有限公司

2020-06-16 b67f2c4fce992a818f287783ae7029a0b03509d3

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
            @keyframes rotate {
                from {
                    transform: rotate(0deg);
                }
 
                to {
                    transform: rotate(360deg);
                    transition: all 2s;
                }
            }
            
            .loading{
                display: inline;
                height: 0.21rem;
                width: 0.21rem;
                margin-top: 0.15rem;
                position: relative;
            }
 
            .loading div{
                position: absolute;
                height: 0.05rem;
                transform-origin: left;
                border-radius: 0.5rem;
                display: flex;
            }
            
            .loading div .k{
                width: 0.08rem;
                height: 0.04rem;
            }
            
            .loading div .s{
                width: 0.13rem;
                height: 0.04rem;
                background: #BBBBBB;
                border-radius: 0.5rem;
            }
            
            .loading div:nth-child(2)  {-webkit-transform: rotate(30deg);}
            .loading div:nth-child(3)  {-webkit-transform: rotate(60deg);}
            .loading div:nth-child(4)  {-webkit-transform: rotate(90deg);}
            .loading div:nth-child(5)  {-webkit-transform: rotate(120deg);}
            .loading div:nth-child(6)  {-webkit-transform: rotate(150deg);}
            .loading div:nth-child(7)  {-webkit-transform: rotate(180deg);}
            .loading div:nth-child(8)  {-webkit-transform: rotate(210deg);}
            .loading div:nth-child(9)  {-webkit-transform: rotate(240deg);}
            .loading div:nth-child(10)  {-webkit-transform: rotate(270deg);}
            .loading div:nth-child(11)  {-webkit-transform: rotate(300deg);}
            .loading div:nth-child(12)  {-webkit-transform: rotate(330deg);}
            
            
            @-webkit-keyframes load{
                0%{opacity:1;}
                100%{opacity:0;}
            }
            
            .loading div:nth-child(1){-webkit-animation:load 1.2s linear 0s infinite;}
            .loading div:nth-child(2){-webkit-animation:load 1.2s linear 0.1s infinite;}
            .loading div:nth-child(3){-webkit-animation:load 1.2s linear 0.2s infinite;}
            .loading div:nth-child(4){-webkit-animation:load 1.2s linear 0.3s infinite;}
            .loading div:nth-child(5){-webkit-animation:load 1.2s linear 0.4s infinite;}
            .loading div:nth-child(6){-webkit-animation:load 1.2s linear 0.5s infinite;}
             
            .loading div:nth-child(7){-webkit-animation:load 1.2s linear 0.6s infinite;}
            .loading div:nth-child(8){-webkit-animation:load 1.2s linear 0.7s infinite;}
            .loading div:nth-child(9){-webkit-animation:load 1.2s linear 0.8s infinite;}
            .loading div:nth-child(10){-webkit-animation:load 1.2s linear 0.9s infinite;}
            .loading div:nth-child(11){-webkit-animation:load 1.2s linear 1s infinite;}
            .loading div:nth-child(12){-webkit-animation:load 1.2s linear 1.1s infinite;}