forked from lukehaas/css-loaders
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathload7.less
43 lines (40 loc) · 859 Bytes
/
load7.less
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
.load7 .loader:before,.load7 .loader:after,.load7 .loader {
border-radius:50%;
width:2.5em;
height:2.5em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation:load7 1.8s infinite ease-in-out;
animation:load7 1.8s infinite ease-in-out;
}
.load7 .loader {
margin:8em auto;
font-size:10px;
position:relative;
text-indent:-9999em;
-webkit-animation-delay:0.16s;
animation-delay:0.16s;
}
.load7 .loader:before {
left:-3.5em;
}
.load7 .loader:after {
left:3.5em;
-webkit-animation-delay:0.32s;
animation-delay:0.32s;
}
.load7 .loader:before,.loader:after {
content:'';
position:absolute;
top:0;
}
@-webkit-keyframes load7 {.load7-frames;}
@keyframes load7 {.load7-frames;}
.load7-frames() {
0%,80%,100% {
box-shadow:0 2.5em 0 -1.3em #FFF;
}
40% {
box-shadow:0 2.5em 0 0 #FFF;
}
}