Wider spacing at the peak of the transition

OxyDesign · OxyDesign · commit 9d00f1d75fca · 2014-08-17T16:18:18.000+02:00
diff --git a/css/load6.css b/css/load6.css
@@ -23,15 +23,17 @@
   96% {
     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;
   }
-  10%,
-  70% {
+  10% {
     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;
   }
   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;
   }
   55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  }
+  80% {
+    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;
   }
   100% {
     -webkit-transform: rotate(360deg);
@@ -49,15 +51,17 @@
   96% {
     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;
   }
-  10%,
-  70% {
+  10% {
     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;
   }
   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;
   }
   55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  }
+  80% {
+    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;
   }
   100% {
     -webkit-transform: rotate(360deg);
diff --git a/index.html b/index.html
@@ -346,15 +346,17 @@
   96% {
     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;
   }
-  10%,
-  70% {
+  10% {
     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;
   }
   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;
   }
   55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  }
+  80% {
+    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;
   }
   100% {
     -webkit-transform: rotate(360deg);
@@ -372,15 +374,17 @@
   96% {
     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;
   }
-  10%,
-  70% {
+  10% {
     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;
   }
   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;
   }
   55% {
-    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;
+    box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;
+  }
+  80% {
+    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;
   }
   100% {
     -webkit-transform: rotate(360deg);
diff --git a/less/load6.less b/less/load6.less
@@ -28,15 +28,15 @@
   0 -0.83em 0 -0.46em #FFF,
   0 -0.83em 0 -0.477em #FFF;
   }
-  2%,96% {
+  2%, 96% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
   0 -0.83em 0 -0.42em #FFF,
   0 -0.83em 0 -0.44em #FFF,
   0 -0.83em 0 -0.46em #FFF,
   0 -0.83em 0 -0.477em #FFF;
   }
-  10%,70% {
+  10% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
   -0.087em -0.825em 0 -0.42em #FFF,
@@ -55,10 +55,18 @@
   55% {
   box-shadow:
   0 -0.83em 0 -0.4em #FFF,
-  -0.256em -0.789em 0 -0.42em #FFF,
-  -0.488em -0.671em 0 -0.44em #FFF,
-  -0.617em -0.555em 0 -0.46em #FFF,
-  -0.671em -0.488em 0 -0.477em #FFF;
+  -0.415em -0.719em 0 -0.42em #FFF,
+  -0.671em -0.488em 0 -0.44em #FFF,
+  -0.789em -0.256em 0 -0.46em #FFF,
+  -0.825em -0.087em 0 -0.477em #FFF;
+  }
+  80% {
+  box-shadow:
+  0 -0.83em 0 -0.4em #FFF,
+  -0.087em -0.825em 0 -0.42em #FFF,
+  -0.173em -0.812em 0 -0.44em #FFF,
+  -0.256em -0.789em 0 -0.46em #FFF,
+  -0.297em -0.775em 0 -0.477em #FFF;
   }
   100% {
   -webkit-transform:rotate(360deg);

Original file line number	Diff line number	Diff line change
`@@ -23,15 +23,17 @@`
`23`	`23`	`96% {`
`24`	`24`	`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;`
`25`	`25`	`}`
`26`		`- 10%,`
`27`		`- 70% {`
	`26`	`+ 10% {`
`28`	`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;`
`29`	`28`	`}`
`30`	`29`	`30% {`
`31`	`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;`
`32`	`31`	`}`
`33`	`32`	`55% {`
`34`		`- box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;`
	`33`	`+ box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;`
	`34`	`+ }`
	`35`	`+ 80% {`
	`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;`
`35`	`37`	`}`
`36`	`38`	`100% {`
`37`	`39`	`-webkit-transform: rotate(360deg);`
`@@ -49,15 +51,17 @@`
`49`	`51`	`96% {`
`50`	`52`	`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;`
`51`	`53`	`}`
`52`		`- 10%,`
`53`		`- 70% {`
	`54`	`+ 10% {`
`54`	`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;`
`55`	`56`	`}`
`56`	`57`	`30% {`
`57`	`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;`
`58`	`59`	`}`
`59`	`60`	`55% {`
`60`		`- box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;`
	`61`	`+ box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;`
	`62`	`+ }`
	`63`	`+ 80% {`
	`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;`
`61`	`65`	`}`
`62`	`66`	`100% {`
`63`	`67`	`-webkit-transform: rotate(360deg);`
Original file line number	Diff line number	Diff line change
`@@ -346,15 +346,17 @@`
`346`	`346`	`96% {`
`347`	`347`	`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;`
`348`	`348`	`}`
`349`		`- 10%,`
`350`		`- 70% {`
	`349`	`+ 10% {`
`351`	`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;`
`352`	`351`	`}`
`353`	`352`	`30% {`
`354`	`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;`
`355`	`354`	`}`
`356`	`355`	`55% {`
`357`		`- box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;`
	`356`	`+ box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;`
	`357`	`+ }`
	`358`	`+ 80% {`
	`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;`
`358`	`360`	`}`
`359`	`361`	`100% {`
`360`	`362`	`-webkit-transform: rotate(360deg);`
`@@ -372,15 +374,17 @@`
`372`	`374`	`96% {`
`373`	`375`	`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;`
`374`	`376`	`}`
`375`		`- 10%,`
`376`		`- 70% {`
	`377`	`+ 10% {`
`377`	`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;`
`378`	`379`	`}`
`379`	`380`	`30% {`
`380`	`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;`
`381`	`382`	`}`
`382`	`383`	`55% {`
`383`		`- box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.256em -0.789em 0 -0.42em #ffffff, -0.488em -0.671em 0 -0.44em #ffffff, -0.617em -0.555em 0 -0.46em #ffffff, -0.671em -0.488em 0 -0.477em #ffffff;`
	`384`	`+ box-shadow: 0 -0.83em 0 -0.4em #ffffff, -0.415em -0.719em 0 -0.42em #ffffff, -0.671em -0.488em 0 -0.44em #ffffff, -0.789em -0.256em 0 -0.46em #ffffff, -0.825em -0.087em 0 -0.477em #ffffff;`
	`385`	`+ }`
	`386`	`+ 80% {`
	`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;`
`384`	`388`	`}`
`385`	`389`	`100% {`
`386`	`390`	`-webkit-transform: rotate(360deg);`