Skip to content

Commit 126bb3b

Browse files
lukehaaslukehaas
committed
additional changes to load6
1 parent cb529d0 commit 126bb3b

File tree

3 files changed

+78
-93
lines changed

3 files changed

+78
-93
lines changed

‎css/load6.css‎

Lines changed: 18 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -19,21 +19,19 @@
1919
transform: rotate(0deg);
2020
box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
2121
}
22-
2%,
23-
96% {
22+
5%,
23+
95% {
2424
box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
2525
}
26-
10% {
27-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
28-
}
29-
25% {
30-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
26+
10%,
27+
59% {
28+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
3129
}
32-
40% {
33-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.13em 0 -0.477em #ffffff;
30+
20% {
31+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
3432
}
35-
60% {
36-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
33+
38% {
34+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
3735
}
3836
100% {
3937
-webkit-transform: rotate(360deg);
@@ -47,21 +45,19 @@
4745
transform: rotate(0deg);
4846
box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
4947
}
50-
2%,
51-
96% {
48+
5%,
49+
95% {
5250
box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
5351
}
54-
10% {
55-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
56-
}
57-
25% {
58-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
52+
10%,
53+
59% {
54+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
5955
}
60-
40% {
61-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.13em 0 -0.477em #ffffff;
56+
20% {
57+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
6258
}
63-
60% {
64-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
59+
38% {
60+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
6561
}
6662
100% {
6763
-webkit-transform: rotate(360deg);

‎index.html‎

Lines changed: 18 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -342,21 +342,19 @@
342342
transform: rotate(0deg);
343343
box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
344344
}
345-
2%,
346-
96% {
345+
5%,
346+
95% {
347347
box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
348348
}
349-
10% {
350-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
349+
10%,
350+
59% {
351+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
351352
}
352-
25% {
353-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
353+
20% {
354+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
354355
}
355-
40% {
356-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.13em 0 -0.477em #ffffff;
357-
}
358-
60% {
359-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
356+
38% {
357+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
360358
}
361359
100% {
362360
-webkit-transform: rotate(360deg);
@@ -370,21 +368,19 @@
370368
transform: rotate(0deg);
371369
box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
372370
}
373-
2%,
374-
96% {
371+
5%,
372+
95% {
375373
box-shadow: 0 -0.83em 0 -0.4em #ffffff, 0 -0.83em 0 -0.42em #ffffff, 0 -0.83em 0 -0.44em #ffffff, 0 -0.83em 0 -0.46em #ffffff, 0 -0.83em 0 -0.477em #ffffff;
376374
}
377-
10% {
378-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.338em -0.758em 0 -0.477em #ffffff;
375+
10%,
376+
59% {
377+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
379378
}
380-
25% {
381-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.719em -0.415em 0 -0.477em #ffffff;
379+
20% {
380+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.338em -0.758em 0 -0.42em #ffffff, -0.555em -0.617em 0 -0.44em #ffffff, -0.671em -0.488em 0 -0.46em #ffffff, -0.749em -0.34em 0 -0.477em #ffffff;
382381
}
383-
40% {
384-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.13em 0 -0.477em #ffffff;
385-
}
386-
60% {
387-
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.087em -0.825em 0 -0.42em #ffffff, -0.173em -0.812em 0 -0.44em #ffffff, -0.256em -0.789em 0 -0.46em #ffffff, -0.297em -0.775em 0 -0.477em #ffffff;
382+
38% {
383+
box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.377em -0.74em 0 -0.42em #ffffff, -0.645em -0.522em 0 -0.44em #ffffff, -0.775em -0.297em 0 -0.46em #ffffff, -0.82em -0.09em 0 -0.477em #ffffff;
388384
}
389385
100% {
390386
-webkit-transform: rotate(360deg);

‎less/load6.less‎

Lines changed: 42 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -22,61 +22,54 @@
2222
-webkit-transform:rotate(0deg);
2323
transform:rotate(0deg);
2424
box-shadow:
25-
0 -0.83em 0 -0.4em #FFF,
26-
0 -0.83em 0 -0.42em #FFF,
27-
0 -0.83em 0 -0.44em #FFF,
28-
0 -0.83em 0 -0.46em #FFF,
29-
0 -0.83em 0 -0.477em #FFF;
25+
0 -0.83em 0 -0.4em #ffffff,
26+
0 -0.83em 0 -0.42em #ffffff,
27+
0 -0.83em 0 -0.44em #ffffff,
28+
0 -0.83em 0 -0.46em #ffffff,
29+
0 -0.83em 0 -0.477em #ffffff;
3030
}
31-
2%, 96% {
32-
box-shadow:
33-
0 -0.83em 0 -0.4em #FFF,
34-
0 -0.83em 0 -0.42em #FFF,
35-
0 -0.83em 0 -0.44em #FFF,
36-
0 -0.83em 0 -0.46em #FFF,
37-
0 -0.83em 0 -0.477em #FFF;
31+
5%, 95% {
32+
box-shadow:
33+
0 -0.83em 0 -0.4em #ffffff,
34+
0 -0.83em 0 -0.42em #ffffff,
35+
0 -0.83em 0 -0.44em #ffffff,
36+
0 -0.83em 0 -0.46em #ffffff,
37+
0 -0.83em 0 -0.477em #ffffff;
3838
}
39-
10% {
40-
box-shadow:
41-
0 -0.83em 0 -0.4em #FFF,
42-
-0.087em -0.825em 0 -0.42em #FFF,
43-
-0.173em -0.812em 0 -0.44em #FFF,
44-
-0.256em -0.789em 0 -0.46em #FFF,
45-
-0.338em -0.758em 0 -0.477em #FFF;
39+
10%,
40+
59% {
41+
box-shadow:
42+
0 -0.83em 0 -0.4em #ffffff,
43+
-0.087em -0.825em 0 -0.42em #ffffff,
44+
-0.173em -0.812em 0 -0.44em #ffffff,
45+
-0.256em -0.789em 0 -0.46em #ffffff,
46+
-0.297em -0.775em 0 -0.477em #ffffff;
4647
}
47-
25% {
48-
box-shadow:
49-
0 -0.83em 0 -0.4em #FFF,
50-
-0.338em -0.758em 0 -0.42em #FFF,
51-
-0.555em -0.617em 0 -0.44em #FFF,
52-
-0.671em -0.488em 0 -0.46em #FFF,
53-
-0.719em -0.415em 0 -0.477em #FFF;
48+
20% {
49+
box-shadow:
50+
0 -0.83em 0 -0.4em #ffffff,
51+
-0.338em -0.758em 0 -0.42em #ffffff,
52+
-0.555em -0.617em 0 -0.44em #ffffff,
53+
-0.671em -0.488em 0 -0.46em #ffffff,
54+
-0.749em -0.34em 0 -0.477em #ffffff;
5455
}
55-
40% {
56-
box-shadow:
57-
0 -0.83em 0 -0.4em #FFF,
58-
-0.377em -0.740em 0 -0.42em #FFF,
59-
-0.645em -0.522em 0 -0.44em #FFF,
60-
-0.775em -0.297em 0 -0.46em #FFF,
61-
-0.820em -0.130em 0 -0.477em #FFF;
62-
}
63-
60% {
64-
box-shadow:
65-
0 -0.83em 0 -0.4em #FFF,
66-
-0.087em -0.825em 0 -0.42em #FFF,
67-
-0.173em -0.812em 0 -0.44em #FFF,
68-
-0.256em -0.789em 0 -0.46em #FFF,
69-
-0.297em -0.775em 0 -0.477em #FFF;
56+
38% {
57+
box-shadow:
58+
0 -0.83em 0 -0.4em #ffffff,
59+
-0.377em -0.74em 0 -0.42em #ffffff,
60+
-0.645em -0.522em 0 -0.44em #ffffff,
61+
-0.775em -0.297em 0 -0.46em #ffffff,
62+
-0.82em -0.09em 0 -0.477em #ffffff;
7063
}
7164
100% {
72-
-webkit-transform:rotate(360deg);
73-
transform:rotate(360deg);
74-
box-shadow:
75-
0 -0.83em 0 -0.4em #FFF,
76-
0 -0.83em 0 -0.42em #FFF,
77-
0 -0.83em 0 -0.44em #FFF,
78-
0 -0.83em 0 -0.46em #FFF,
79-
0 -0.83em 0 -0.477em #FFF;
65+
-webkit-transform:rotate(360deg);
66+
transform:rotate(360deg);
67+
box-shadow:
68+
0 -0.83em 0 -0.4em #ffffff,
69+
0 -0.83em 0 -0.42em #ffffff,
70+
0 -0.83em 0 -0.44em #ffffff,
71+
0 -0.83em 0 -0.46em #ffffff,
72+
0 -0.83em 0 -0.477em #ffffff;
8073
}
8174
}
8275

0 commit comments

Comments
 (0)