<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='dot'></div>
</body>
</html>
/* http://imgur.com/a/FywLp#23 */
/*
* Tried to do it first using just
* radial gradients on the body, BUT
* 1. circles/ dots done with radial gradients
* look UGLY
* 2. animating background-position is not
* as smooth as animating box-shadow
*
* Ending up with 64 .circle elements is meh,
* but at least it reproduces the gif
*/
/* circling radius cr = 2em */
/* dot diam d = .25em */
/* m = 8 rows, n = 8 columns */
.circle {
position: absolute;
margin: -1.625em; /* -cr + 3*d/2 */
border: solid 1px dimgrey;
width: 4em; /* 2*cr */
height: 4em;
border-radius: 50%;
}
.circle:nth-child(1 /* i*n + j + 1 */) {
top: 0em; /* i*(cr + d)*/
left: 0em; /* j*(cr + d)*/
}
.circle:nth-child(2) {
top: 0em;
left: 2.25em;
}
.circle:nth-child(3) {
top: 0em;
left: 4.5em;
}
.circle:nth-child(4) {
top: 0em;
left: 6.75em;
}
.circle:nth-child(5) {
top: 0em;
left: 9em;
}
.circle:nth-child(6) {
top: 0em;
left: 11.25em;
}
.circle:nth-child(7) {
top: 0em;
left: 13.5em;
}
.circle:nth-child(8) {
top: 0em;
left: 15.75em;
}
.circle:nth-child(9) {
top: 2.25em;
left: 0em;
}
.circle:nth-child(10) {
top: 2.25em;
left: 2.25em;
}
.circle:nth-child(11) {
top: 2.25em;
left: 4.5em;
}
.circle:nth-child(12) {
top: 2.25em;
left: 6.75em;
}
.circle:nth-child(13) {
top: 2.25em;
left: 9em;
}
.circle:nth-child(14) {
top: 2.25em;
left: 11.25em;
}
.circle:nth-child(15) {
top: 2.25em;
left: 13.5em;
}
.circle:nth-child(16) {
top: 2.25em;
left: 15.75em;
}
.circle:nth-child(17) {
top: 4.5em;
left: 0em;
}
.circle:nth-child(18) {
top: 4.5em;
left: 2.25em;
}
.circle:nth-child(19) {
top: 4.5em;
left: 4.5em;
}
.circle:nth-child(20) {
top: 4.5em;
left: 6.75em;
}
.circle:nth-child(21) {
top: 4.5em;
left: 9em;
}
.circle:nth-child(22) {
top: 4.5em;
left: 11.25em;
}
.circle:nth-child(23) {
top: 4.5em;
left: 13.5em;
}
.circle:nth-child(24) {
top: 4.5em;
left: 15.75em;
}
.circle:nth-child(25) {
top: 6.75em;
left: 0em;
}
.circle:nth-child(26) {
top: 6.75em;
left: 2.25em;
}
.circle:nth-child(27) {
top: 6.75em;
left: 4.5em;
}
.circle:nth-child(28) {
top: 6.75em;
left: 6.75em;
}
.circle:nth-child(29) {
top: 6.75em;
left: 9em;
}
.circle:nth-child(30) {
top: 6.75em;
left: 11.25em;
}
.circle:nth-child(31) {
top: 6.75em;
left: 13.5em;
}
.circle:nth-child(32) {
top: 6.75em;
left: 15.75em;
}
.circle:nth-child(33) {
top: 9em;
left: 0em;
}
.circle:nth-child(34) {
top: 9em;
left: 2.25em;
}
.circle:nth-child(35) {
top: 9em;
left: 4.5em;
}
.circle:nth-child(36) {
top: 9em;
left: 6.75em;
}
.circle:nth-child(37) {
top: 9em;
left: 9em;
}
.circle:nth-child(38) {
top: 9em;
left: 11.25em;
}
.circle:nth-child(39) {
top: 9em;
left: 13.5em;
}
.circle:nth-child(40) {
top: 9em;
left: 15.75em;
}
.circle:nth-child(41) {
top: 11.25em;
left: 0em;
}
.circle:nth-child(42) {
top: 11.25em;
left: 2.25em;
}
.circle:nth-child(43) {
top: 11.25em;
left: 4.5em;
}
.circle:nth-child(44) {
top: 11.25em;
left: 6.75em;
}
.circle:nth-child(45) {
top: 11.25em;
left: 9em;
}
.circle:nth-child(46) {
top: 11.25em;
left: 11.25em;
}
.circle:nth-child(47) {
top: 11.25em;
left: 13.5em;
}
.circle:nth-child(48) {
top: 11.25em;
left: 15.75em;
}
.circle:nth-child(49) {
top: 13.5em;
left: 0em;
}
.circle:nth-child(50) {
top: 13.5em;
left: 2.25em;
}
.circle:nth-child(51) {
top: 13.5em;
left: 4.5em;
}
.circle:nth-child(52) {
top: 13.5em;
left: 6.75em;
}
.circle:nth-child(53) {
top: 13.5em;
left: 9em;
}
.circle:nth-child(54) {
top: 13.5em;
left: 11.25em;
}
.circle:nth-child(55) {
top: 13.5em;
left: 13.5em;
}
.circle:nth-child(56) {
top: 13.5em;
left: 15.75em;
}
.circle:nth-child(57) {
top: 15.75em;
left: 0em;
}
.circle:nth-child(58) {
top: 15.75em;
left: 2.25em;
}
.circle:nth-child(59) {
top: 15.75em;
left: 4.5em;
}
.circle:nth-child(60) {
top: 15.75em;
left: 6.75em;
}
.circle:nth-child(61) {
top: 15.75em;
left: 9em;
}
.circle:nth-child(62) {
top: 15.75em;
left: 11.25em;
}
.circle:nth-child(63) {
top: 15.75em;
left: 13.5em;
}
.circle:nth-child(64) {
top: 15.75em;
left: 15.75em;
}
.dot {
position: absolute;
margin: -0.125em; /* -d/2 */
width: 0.25em; /* d */
height: 0.25em;
border-radius: 50%;
animation: ani 4s linear infinite;
}
/*
* take precision = 15 =>
* 15 keyframes at every k*100%/precision
* angle = (i + j)*360/(m + n) +
* k*360/precision
* position of centre of circle dot moves on
* cx = j*(cr + d);
* cy = i*(cr + d);
* position w.r.t. centre of circle
* mx = cr*cos(a);
* my = cr*sin(a);
* box-shadow offsets are
* cx + mx and cy + my
*/
@keyframes ani {
0% {
box-shadow: 2em 0em 0 0.125em black, 4.09776em 0.76537em 0 0.125em black, 5.91421em 1.41421em 0 0.125em black, 7.51537em 1.84776em 0 0.125em black, 9em 2em 0 0.125em black, 10.48463em 1.84776em 0 0.125em black, 12.08579em 1.41421em 0 0.125em black, 13.90224em 0.76537em 0 0.125em black, 1.84776em 3.01537em 0 0.125em black, 3.66421em 3.66421em 0 0.125em black, 5.26537em 4.09776em 0 0.125em black, 6.75em 4.25em 0 0.125em black, 8.23463em 4.09776em 0 0.125em black, 9.83579em 3.66421em 0 0.125em black, 11.65224em 3.01537em 0 0.125em black, 13.75em 2.25em 0 0.125em black, 1.41421em 5.91421em 0 0.125em black, 3.01537em 6.34776em 0 0.125em black, 4.5em 6.5em 0 0.125em black, 5.98463em 6.34776em 0 0.125em black, 7.58579em 5.91421em 0 0.125em black, 9.40224em 5.26537em 0 0.125em black, 11.5em 4.5em 0 0.125em black, 13.90224em 3.73463em 0 0.125em black, 0.76537em 8.59776em 0 0.125em black, 2.25em 8.75em 0 0.125em black, 3.73463em 8.59776em 0 0.125em black, 5.33579em 8.16421em 0 0.125em black, 7.15224em 7.51537em 0 0.125em black, 9.25em 6.75em 0 0.125em black, 11.65224em 5.98463em 0 0.125em black, 14.33579em 5.33579em 0 0.125em black, 0.0em 11em 0 0.125em black, 1.48463em 10.84776em 0 0.125em black, 3.08579em 10.41421em 0 0.125em black, 4.90224em 9.76537em 0 0.125em black, 7em 9em 0 0.125em black, 9.40224em 8.23463em 0 0.125em black, 12.08579em 7.58579em 0 0.125em black, 14.98463em 7.15224em 0 0.125em black, -0.76537em 13.09776em 0 0.125em black, 0.83579em 12.66421em 0 0.125em black, 2.65224em 12.01537em 0 0.125em black, 4.75em 11.25em 0 0.125em black, 7.15224em 10.48463em 0 0.125em black, 9.83579em 9.83579em 0 0.125em black, 12.73463em 9.40224em 0 0.125em black, 15.75em 9.25em 0 0.125em black, -1.41421em 14.91421em 0 0.125em black, 0.40224em 14.26537em 0 0.125em black, 2.5em 13.5em 0 0.125em black, 4.90224em 12.73463em 0 0.125em black, 7.58579em 12.08579em 0 0.125em black, 10.48463em 11.65224em 0 0.125em black, 13.5em 11.5em 0 0.125em black, 16.51537em 11.65224em 0 0.125em black, -1.84776em 16.51537em 0 0.125em black, 0.25em 15.75em 0 0.125em black, 2.65224em 14.98463em 0 0.125em black, 5.33579em 14.33579em 0 0.125em black, 8.23463em 13.90224em 0 0.125em black, 11.25em 13.75em 0 0.125em black, 14.26537em 13.90224em 0 0.125em black, 17.16421em 14.33579em 0 0.125em black;
}
6.66667% {
box-shadow: 1.82709em 0.81347em 0 0.125em black, 3.62671em 1.45075em 0 0.125em black, 5.21674em 1.86716em 0 0.125em black, 6.69765em 1.99931em 0 0.125em black, 8.18653em 1.82709em 0 0.125em black, 9.79925em 1.37671em 0 0.125em black, 11.63284em 0.71674em 0 0.125em black, 13.75069em -0.05235em 0 0.125em black, 1.37671em 3.70075em 0 0.125em black, 2.96674em 4.11716em 0 0.125em black, 4.44765em 4.24931em 0 0.125em black, 5.93653em 4.07709em 0 0.125em black, 7.54925em 3.62671em 0 0.125em black, 9.38284em 2.96674em 0 0.125em black, 11.50069em 2.19765em 0 0.125em black, 13.92291em 1.43653em 0 0.125em black, 0.71674em 6.36716em 0 0.125em black, 2.19765em 6.49931em 0 0.125em black, 3.68653em 6.32709em 0 0.125em black, 5.29925em 5.87671em 0 0.125em black, 7.13284em 5.21674em 0 0.125em black, 9.25069em 4.44765em 0 0.125em black, 11.67291em 3.68653em 0 0.125em black, 14.37329em 3.04925em 0 0.125em black, -0.05235em 8.74931em 0 0.125em black, 1.43653em 8.57709em 0 0.125em black, 3.04925em 8.12671em 0 0.125em black, 4.88284em 7.46674em 0 0.125em black, 7.00069em 6.69765em 0 0.125em black, 9.42291em 5.93653em 0 0.125em black, 12.12329em 5.29925em 0 0.125em black, 15.03326em 4.88284em 0 0.125em black, -0.81347em 10.82709em 0 0.125em black, 0.79925em 10.37671em 0 0.125em black, 2.63284em 9.71674em 0 0.125em black, 4.75069em 8.94765em 0 0.125em black, 7.17291em 8.18653em 0 0.125em black, 9.87329em 7.54925em 0 0.125em black, 12.78326em 7.13284em 0 0.125em black, 15.80235em 7.00069em 0 0.125em black, -1.45075em 12.62671em 0 0.125em black, 0.38284em 11.96674em 0 0.125em black, 2.50069em 11.19765em 0 0.125em black, 4.92291em 10.43653em 0 0.125em black, 7.62329em 9.79925em 0 0.125em black, 10.53326em 9.38284em 0 0.125em black, 13.55235em 9.25069em 0 0.125em black, 16.56347em 9.42291em 0 0.125em black, -1.86716em 14.21674em 0 0.125em black, 0.25069em 13.44765em 0 0.125em black, 2.67291em 12.68653em 0 0.125em black, 5.37329em 12.04925em 0 0.125em black, 8.28326em 11.63284em 0 0.125em black, 11.30235em 11.50069em 0 0.125em black, 14.31347em 11.67291em 0 0.125em black, 17.20075em 12.12329em 0 0.125em black, -1.99931em 15.69765em 0 0.125em black, 0.42291em 14.93653em 0 0.125em black, 3.12329em 14.29925em 0 0.125em black, 6.03326em 13.88284em 0 0.125em black, 9.05235em 13.75069em 0 0.125em black, 12.06347em 13.92291em 0 0.125em black, 14.95075em 14.37329em 0 0.125em black, 17.61716em 15.03326em 0 0.125em black;
}
13.33333% {
box-shadow: 1.33826em 1.48629em 0 0.125em black, 2.91761em 1.88528em 0 0.125em black, 4.39533em 1.99726em 0 0.125em black, 5.88898em 1.80517em 0 0.125em black, 7.51371em 1.33826em 0 0.125em black, 9.36472em 0.66761em 0 0.125em black, 11.50274em -0.10467em 0 0.125em black, 13.94483em -0.86102em 0 0.125em black, 0.66761em 4.13528em 0 0.125em black, 2.14533em 4.24726em 0 0.125em black, 3.63898em 4.05517em 0 0.125em black, 5.26371em 3.58826em 0 0.125em black, 7.11472em 2.91761em 0 0.125em black, 9.25274em 2.14533em 0 0.125em black, 11.69483em 1.38898em 0 0.125em black, 14.41174em 0.76371em 0 0.125em black, -0.10467em 6.49726em 0 0.125em black, 1.38898em 6.30517em 0 0.125em black, 3.01371em 5.83826em 0 0.125em black, 4.86472em 5.16761em 0 0.125em black, 7.00274em 4.39533em 0 0.125em black, 9.44483em 3.63898em 0 0.125em black, 12.16174em 3.01371em 0 0.125em black, 15.08239em 2.61472em 0 0.125em black, -0.86102em 8.55517em 0 0.125em black, 0.76371em 8.08826em 0 0.125em black, 2.61472em 7.41761em 0 0.125em black, 4.75274em 6.64533em 0 0.125em black, 7.19483em 5.88898em 0 0.125em black, 9.91174em 5.26371em 0 0.125em black, 12.83239em 4.86472em 0 0.125em black, 15.85467em 4.75274em 0 0.125em black, -1.48629em 10.33826em 0 0.125em black, 0.36472em 9.66761em 0 0.125em black, 2.50274em 8.89533em 0 0.125em black, 4.94483em 8.13898em 0 0.125em black, 7.66174em 7.51371em 0 0.125em black, 10.58239em 7.11472em 0 0.125em black, 13.60467em 7.00274em 0 0.125em black, 16.61102em 7.19483em 0 0.125em black, -1.88528em 11.91761em 0 0.125em black, 0.25274em 11.14533em 0 0.125em black, 2.69483em 10.38898em 0 0.125em black, 5.41174em 9.76371em 0 0.125em black, 8.33239em 9.36472em 0 0.125em black, 11.35467em 9.25274em 0 0.125em black, 14.36102em 9.44483em 0 0.125em black, 17.23629em 9.91174em 0 0.125em black, -1.99726em 13.39533em 0 0.125em black, 0.44483em 12.63898em 0 0.125em black, 3.16174em 12.01371em 0 0.125em black, 6.08239em 11.61472em 0 0.125em black, 9.10467em 11.50274em 0 0.125em black, 12.11102em 11.69483em 0 0.125em black, 14.98629em 12.16174em 0 0.125em black, 17.63528em 12.83239em 0 0.125em black, -1.80517em 14.88898em 0 0.125em black, 0.91174em 14.26371em 0 0.125em black, 3.83239em 13.86472em 0 0.125em black, 6.85467em 13.75274em 0 0.125em black, 9.86102em 13.94483em 0 0.125em black, 12.73629em 14.41174em 0 0.125em black, 15.38528em 15.08239em 0 0.125em black, 17.74726em 15.85467em 0 0.125em black;
}
20% {
box-shadow: 0.61803em 1.90211em 0 0.125em black, 2.09308em 1.99383em 0 0.125em black, 3.59202em 1.78201em 0 0.125em black, 5.22919em 1.2989em 0 0.125em black, 7.09789em 0.61803em 0 0.125em black, 9.25617em -0.15692em 0 0.125em black, 11.71799em -0.90798em 0 0.125em black, 14.4511em -1.52081em 0 0.125em black, -0.15692em 4.24383em 0 0.125em black, 1.34202em 4.03201em 0 0.125em black, 2.97919em 3.5489em 0 0.125em black, 4.84789em 2.86803em 0 0.125em black, 7.00617em 2.09308em 0 0.125em black, 9.46799em 1.34202em 0 0.125em black, 12.2011em 0.72919em 0 0.125em black, 15.13197em 0.34789em 0 0.125em black, -0.90798em 6.28201em 0 0.125em black, 0.72919em 5.7989em 0 0.125em black, 2.59789em 5.11803em 0 0.125em black, 4.75617em 4.34308em 0 0.125em black, 7.21799em 3.59202em 0 0.125em black, 9.9511em 2.97919em 0 0.125em black, 12.88197em 2.59789em 0 0.125em black, 15.90692em 2.50617em 0 0.125em black, -1.52081em 8.0489em 0 0.125em black, 0.34789em 7.36803em 0 0.125em black, 2.50617em 6.59308em 0 0.125em black, 4.96799em 5.84202em 0 0.125em black, 7.7011em 5.22919em 0 0.125em black, 10.63197em 4.84789em 0 0.125em black, 13.65692em 4.75617em 0 0.125em black, 16.65798em 4.96799em 0 0.125em black, -1.90211em 9.61803em 0 0.125em black, 0.25617em 8.84308em 0 0.125em black, 2.71799em 8.09202em 0 0.125em black, 5.4511em 7.47919em 0 0.125em black, 8.38197em 7.09789em 0 0.125em black, 11.40692em 7.00617em 0 0.125em black, 14.40798em 7.21799em 0 0.125em black, 17.27081em 7.7011em 0 0.125em black, -1.99383em 11.09308em 0 0.125em black, 0.46799em 10.34202em 0 0.125em black, 3.2011em 9.72919em 0 0.125em black, 6.13197em 9.34789em 0 0.125em black, 9.15692em 9.25617em 0 0.125em black, 12.15798em 9.46799em 0 0.125em black, 15.02081em 9.9511em 0 0.125em black, 17.65211em 10.63197em 0 0.125em black, -1.78201em 12.59202em 0 0.125em black, 0.9511em 11.97919em 0 0.125em black, 3.88197em 11.59789em 0 0.125em black, 6.90692em 11.50617em 0 0.125em black, 9.90798em 11.71799em 0 0.125em black, 12.77081em 12.2011em 0 0.125em black, 15.40211em 12.88197em 0 0.125em black, 17.74383em 13.65692em 0 0.125em black, -1.2989em 14.22919em 0 0.125em black, 1.63197em 13.84789em 0 0.125em black, 4.65692em 13.75617em 0 0.125em black, 7.65798em 13.96799em 0 0.125em black, 10.52081em 14.4511em 0 0.125em black, 13.15211em 15.13197em 0 0.125em black, 15.49383em 15.90692em 0 0.125em black, 17.53201em 16.65798em 0 0.125em black;
}
26.66667% {
box-shadow: -0.20906em 1.98904em 0 0.125em black, 1.29568em 1.75763em 0 0.125em black, 2.94571em 1.25864em 0 0.125em black, 4.83236em 0.56803em 0 0.125em black, 7.01096em -0.20906em 0 0.125em black, 9.49237em -0.95432em 0 0.125em black, 12.24136em -1.55429em 0 0.125em black, 15.18197em -1.91764em 0 0.125em black, -0.95432em 4.00763em 0 0.125em black, 0.69571em 3.50864em 0 0.125em black, 2.58236em 2.81803em 0 0.125em black, 4.76096em 2.04094em 0 0.125em black, 7.24237em 1.29568em 0 0.125em black, 9.99136em 0.69571em 0 0.125em black, 12.93197em 0.33236em 0 0.125em black, 15.95906em 0.26096em 0 0.125em black, -1.55429em 5.75864em 0 0.125em black, 0.33236em 5.06803em 0 0.125em black, 2.51096em 4.29094em 0 0.125em black, 4.99237em 3.54568em 0 0.125em black, 7.74136em 2.94571em 0 0.125em black, 10.68197em 2.58236em 0 0.125em black, 13.70906em 2.51096em 0 0.125em black, 16.70432em 2.74237em 0 0.125em black, -1.91764em 7.31803em 0 0.125em black, 0.26096em 6.54094em 0 0.125em black, 2.74237em 5.79568em 0 0.125em black, 5.49136em 5.19571em 0 0.125em black, 8.43197em 4.83236em 0 0.125em black, 11.45906em 4.76096em 0 0.125em black, 14.45432em 4.99237em 0 0.125em black, 17.30429em 5.49136em 0 0.125em black, -1.98904em 8.79094em 0 0.125em black, 0.49237em 8.04568em 0 0.125em black, 3.24136em 7.44571em 0 0.125em black, 6.18197em 7.08236em 0 0.125em black, 9.20906em 7.01096em 0 0.125em black, 12.20432em 7.24237em 0 0.125em black, 15.05429em 7.74136em 0 0.125em black, 17.66764em 8.43197em 0 0.125em black, -1.75763em 10.29568em 0 0.125em black, 0.99136em 9.69571em 0 0.125em black, 3.93197em 9.33236em 0 0.125em black, 6.95906em 9.26096em 0 0.125em black, 9.95432em 9.49237em 0 0.125em black, 12.80429em 9.99136em 0 0.125em black, 15.41764em 10.68197em 0 0.125em black, 17.73904em 11.45906em 0 0.125em black, -1.25864em 11.94571em 0 0.125em black, 1.68197em 11.58236em 0 0.125em black, 4.70906em 11.51096em 0 0.125em black, 7.70432em 11.74237em 0 0.125em black, 10.55429em 12.24136em 0 0.125em black, 13.16764em 12.93197em 0 0.125em black, 15.48904em 13.70906em 0 0.125em black, 17.50763em 14.45432em 0 0.125em black, -0.56803em 13.83236em 0 0.125em black, 2.45906em 13.76096em 0 0.125em black, 5.45432em 13.99237em 0 0.125em black, 8.30429em 14.49136em 0 0.125em black, 10.91764em 15.18197em 0 0.125em black, 13.23904em 15.95906em 0 0.125em black, 15.25763em 16.70432em 0 0.125em black, 17.00864em 17.30429em 0 0.125em black;
}
33.33333% {
box-shadow: -1.0em 1.73205em 0 0.125em black, 0.66329em 1.21752em 0 0.125em black, 2.56815em 0.51764em 0 0.125em black, 4.76711em -0.26105em 0 0.125em black, 7.26795em -1.0em 0 0.125em black, 10.03248em -1.58671em 0 0.125em black, 12.98236em -1.93185em 0 0.125em black, 16.01105em -1.98289em 0 0.125em black, -1.58671em 3.46752em 0 0.125em black, 0.31815em 2.76764em 0 0.125em black, 2.51711em 1.98895em 0 0.125em black, 5.01795em 1.25em 0 0.125em black, 7.78248em 0.66329em 0 0.125em black, 10.73236em 0.31815em 0 0.125em black, 13.76105em 0.26711em 0 0.125em black, 16.75em 0.51795em 0 0.125em black, -1.93185em 5.01764em 0 0.125em black, 0.26711em 4.23895em 0 0.125em black, 2.76795em 3.5em 0 0.125em black, 5.53248em 2.91329em 0 0.125em black, 8.48236em 2.56815em 0 0.125em black, 11.51105em 2.51711em 0 0.125em black, 14.5em 2.76795em 0 0.125em black, 17.33671em 3.28248em 0 0.125em black, -1.98289em 6.48895em 0 0.125em black, 0.51795em 5.75em 0 0.125em black, 3.28248em 5.16329em 0 0.125em black, 6.23236em 4.81815em 0 0.125em black, 9.26105em 4.76711em 0 0.125em black, 12.25em 5.01795em 0 0.125em black, 15.08671em 5.53248em 0 0.125em black, 17.68185em 6.23236em 0 0.125em black, -1.73205em 8em 0 0.125em black, 1.03248em 7.41329em 0 0.125em black, 3.98236em 7.06815em 0 0.125em black, 7.01105em 7.01711em 0 0.125em black, 10em 7.26795em 0 0.125em black, 12.83671em 7.78248em 0 0.125em black, 15.43185em 8.48236em 0 0.125em black, 17.73289em 9.26105em 0 0.125em black, -1.21752em 9.66329em 0 0.125em black, 1.73236em 9.31815em 0 0.125em black, 4.76105em 9.26711em 0 0.125em black, 7.75em 9.51795em 0 0.125em black, 10.58671em 10.03248em 0 0.125em black, 13.18185em 10.73236em 0 0.125em black, 15.48289em 11.51105em 0 0.125em black, 17.48205em 12.25em 0 0.125em black, -0.51764em 11.56815em 0 0.125em black, 2.51105em 11.51711em 0 0.125em black, 5.5em 11.76795em 0 0.125em black, 8.33671em 12.28248em 0 0.125em black, 10.93185em 12.98236em 0 0.125em black, 13.23289em 13.76105em 0 0.125em black, 15.23205em 14.5em 0 0.125em black, 16.96752em 15.08671em 0 0.125em black, 0.26105em 13.76711em 0 0.125em black, 3.25em 14.01795em 0 0.125em black, 6.08671em 14.53248em 0 0.125em black, 8.68185em 15.23236em 0 0.125em black, 10.98289em 16.01105em 0 0.125em black, 12.98205em 16.75em 0 0.125em black, 14.71752em 17.33671em 0 0.125em black, 16.26764em 17.68185em 0 0.125em black;
}
40% {
box-shadow: -1.61803em 1.17557em 0 0.125em black, 0.30526em 0.46689em 0 0.125em black, 2.52462em -0.31287em 0 0.125em black, 5.04472em -1.045em 0 0.125em black, 7.82443em -1.61803em 0 0.125em black, 10.78311em -1.94474em 0 0.125em black, 13.81287em -1.97538em 0 0.125em black, 16.795em -1.70528em 0 0.125em black, -1.94474em 2.71689em 0 0.125em black, 0.27462em 1.93713em 0 0.125em black, 2.79472em 1.205em 0 0.125em black, 5.57443em 0.63197em 0 0.125em black, 8.53311em 0.30526em 0 0.125em black, 11.56287em 0.27462em 0 0.125em black, 14.545em 0.54472em 0 0.125em black, 17.36803em 1.07443em 0 0.125em black, -1.97538em 4.18713em 0 0.125em black, 0.54472em 3.455em 0 0.125em black, 3.32443em 2.88197em 0 0.125em black, 6.28311em 2.55526em 0 0.125em black, 9.31287em 2.52462em 0 0.125em black, 12.295em 2.79472em 0 0.125em black, 15.11803em 3.32443em 0 0.125em black, 17.69474em 4.03311em 0 0.125em black, -1.70528em 5.705em 0 0.125em black, 1.07443em 5.13197em 0 0.125em black, 4.03311em 4.80526em 0 0.125em black, 7.06287em 4.77462em 0 0.125em black, 10.045em 5.04472em 0 0.125em black, 12.86803em 5.57443em 0 0.125em black, 15.44474em 6.28311em 0 0.125em black, 17.72538em 7.06287em 0 0.125em black, -1.17557em 7.38197em 0 0.125em black, 1.78311em 7.05526em 0 0.125em black, 4.81287em 7.02462em 0 0.125em black, 7.795em 7.29472em 0 0.125em black, 10.61803em 7.82443em 0 0.125em black, 13.19474em 8.53311em 0 0.125em black, 15.47538em 9.31287em 0 0.125em black, 17.45528em 10.045em 0 0.125em black, -0.46689em 9.30526em 0 0.125em black, 2.56287em 9.27462em 0 0.125em black, 5.545em 9.54472em 0 0.125em black, 8.36803em 10.07443em 0 0.125em black, 10.94474em 10.78311em 0 0.125em black, 13.22538em 11.56287em 0 0.125em black, 15.20528em 12.295em 0 0.125em black, 16.92557em 12.86803em 0 0.125em black, 0.31287em 11.52462em 0 0.125em black, 3.295em 11.79472em 0 0.125em black, 6.11803em 12.32443em 0 0.125em black, 8.69474em 13.03311em 0 0.125em black, 10.97538em 13.81287em 0 0.125em black, 12.95528em 14.545em 0 0.125em black, 14.67557em 15.11803em 0 0.125em black, 16.21689em 15.44474em 0 0.125em black, 1.045em 14.04472em 0 0.125em black, 3.86803em 14.57443em 0 0.125em black, 6.44474em 15.28311em 0 0.125em black, 8.72538em 16.06287em 0 0.125em black, 10.70528em 16.795em 0 0.125em black, 12.42557em 17.36803em 0 0.125em black, 13.96689em 17.69474em 0 0.125em black, 15.43713em 17.72538em 0 0.125em black;
}
46.66667% {
box-shadow: -1.9563em 0.41582em 0 0.125em black, 0.28349em -0.36447em 0 0.125em black, 2.82266em -1.08928em 0 0.125em black, 5.61719em -1.64825em 0 0.125em black, 8.58418em -1.9563em 0 0.125em black, 11.61447em -1.96651em 0 0.125em black, 14.58928em -1.67734em 0 0.125em black, 17.39825em -1.13281em 0 0.125em black, -1.96651em 1.88553em 0 0.125em black, 0.57266em 1.16072em 0 0.125em black, 3.36719em 0.60175em 0 0.125em black, 6.33418em 0.2937em 0 0.125em black, 9.36447em 0.28349em 0 0.125em black, 12.33928em 0.57266em 0 0.125em black, 15.14825em 1.11719em 0 0.125em black, 17.7063em 1.83418em 0 0.125em black, -1.67734em 3.41072em 0 0.125em black, 1.11719em 2.85175em 0 0.125em black, 4.08418em 2.5437em 0 0.125em black, 7.11447em 2.53349em 0 0.125em black, 10.08928em 2.82266em 0 0.125em black, 12.89825em 3.36719em 0 0.125em black, 15.4563em 4.08418em 0 0.125em black, 17.71651em 4.86447em 0 0.125em black, -1.13281em 5.10175em 0 0.125em black, 1.83418em 4.7937em 0 0.125em black, 4.86447em 4.78349em 0 0.125em black, 7.83928em 5.07266em 0 0.125em black, 10.64825em 5.61719em 0 0.125em black, 13.2063em 6.33418em 0 0.125em black, 15.46651em 7.11447em 0 0.125em black, 17.42734em 7.83928em 0 0.125em black, -0.41582em 7.0437em 0 0.125em black, 2.61447em 7.03349em 0 0.125em black, 5.58928em 7.32266em 0 0.125em black, 8.39825em 7.86719em 0 0.125em black, 10.9563em 8.58418em 0 0.125em black, 13.21651em 9.36447em 0 0.125em black, 15.17734em 10.08928em 0 0.125em black, 16.88281em 10.64825em 0 0.125em black, 0.36447em 9.28349em 0 0.125em black, 3.33928em 9.57266em 0 0.125em black, 6.14825em 10.11719em 0 0.125em black, 8.7063em 10.83418em 0 0.125em black, 10.96651em 11.61447em 0 0.125em black, 12.92734em 12.33928em 0 0.125em black, 14.63281em 12.89825em 0 0.125em black, 16.16582em 13.2063em 0 0.125em black, 1.08928em 11.82266em 0 0.125em black, 3.89825em 12.36719em 0 0.125em black, 6.4563em 13.08418em 0 0.125em black, 8.71651em 13.86447em 0 0.125em black, 10.67734em 14.58928em 0 0.125em black, 12.38281em 15.14825em 0 0.125em black, 13.91582em 15.4563em 0 0.125em black, 15.38553em 15.46651em 0 0.125em black, 1.64825em 14.61719em 0 0.125em black, 4.2063em 15.33418em 0 0.125em black, 6.46651em 16.11447em 0 0.125em black, 8.42734em 16.83928em 0 0.125em black, 10.13281em 17.39825em 0 0.125em black, 11.66582em 17.7063em 0 0.125em black, 13.13553em 17.71651em 0 0.125em black, 14.66072em 17.42734em 0 0.125em black;
}
53.33333% {
box-shadow: -1.9563em -0.41582em 0 0.125em black, 0.60175em -1.13281em 0 0.125em black, 3.41072em -1.67734em 0 0.125em black, 6.38553em -1.96651em 0 0.125em black, 9.41582em -1.9563em 0 0.125em black, 12.38281em -1.64825em 0 0.125em black, 15.17734em -1.08928em 0 0.125em black, 17.71651em -0.36447em 0 0.125em black, -1.64825em 1.11719em 0 0.125em black, 1.16072em 0.57266em 0 0.125em black, 4.13553em 0.28349em 0 0.125em black, 7.16582em 0.2937em 0 0.125em black, 10.13281em 0.60175em 0 0.125em black, 12.92734em 1.16072em 0 0.125em black, 15.46651em 1.88553em 0 0.125em black, 17.7063em 2.66582em 0 0.125em black, -1.08928em 2.82266em 0 0.125em black, 1.88553em 2.53349em 0 0.125em black, 4.91582em 2.5437em 0 0.125em black, 7.88281em 2.85175em 0 0.125em black, 10.67734em 3.41072em 0 0.125em black, 13.21651em 4.13553em 0 0.125em black, 15.4563em 4.91582em 0 0.125em black, 17.39825em 5.63281em 0 0.125em black, -0.36447em 4.78349em 0 0.125em black, 2.66582em 4.7937em 0 0.125em black, 5.63281em 5.10175em 0 0.125em black, 8.42734em 5.66072em 0 0.125em black, 10.96651em 6.38553em 0 0.125em black, 13.2063em 7.16582em 0 0.125em black, 15.14825em 7.88281em 0 0.125em black, 16.83928em 8.42734em 0 0.125em black, 0.41582em 7.0437em 0 0.125em black, 3.38281em 7.35175em 0 0.125em black, 6.17734em 7.91072em 0 0.125em black, 8.71651em 8.63553em 0 0.125em black, 10.9563em 9.41582em 0 0.125em black, 12.89825em 10.13281em 0 0.125em black, 14.58928em 10.67734em 0 0.125em black, 16.11447em 10.96651em 0 0.125em black, 1.13281em 9.60175em 0 0.125em black, 3.92734em 10.16072em 0 0.125em black, 6.46651em 10.88553em 0 0.125em black, 8.7063em 11.66582em 0 0.125em black, 10.64825em 12.38281em 0 0.125em black, 12.33928em 12.92734em 0 0.125em black, 13.86447em 13.21651em 0 0.125em black, 15.33418em 13.2063em 0 0.125em black, 1.67734em 12.41072em 0 0.125em black, 4.21651em 13.13553em 0 0.125em black, 6.4563em 13.91582em 0 0.125em black, 8.39825em 14.63281em 0 0.125em black, 10.08928em 15.17734em 0 0.125em black, 11.61447em 15.46651em 0 0.125em black, 13.08418em 15.4563em 0 0.125em black, 14.61719em 15.14825em 0 0.125em black, 1.96651em 15.38553em 0 0.125em black, 4.2063em 16.16582em 0 0.125em black, 6.14825em 16.88281em 0 0.125em black, 7.83928em 17.42734em 0 0.125em black, 9.36447em 17.71651em 0 0.125em black, 10.83418em 17.7063em 0 0.125em black, 12.36719em 17.39825em 0 0.125em black, 14.07266em 16.83928em 0 0.125em black;
}
60% {
box-shadow: -1.61803em -1.17557em 0 0.125em black, 1.205em -1.70528em 0 0.125em black, 4.18713em -1.97538em 0 0.125em black, 7.21689em -1.94474em 0 0.125em black, 10.17557em -1.61803em 0 0.125em black, 12.95528em -1.045em 0 0.125em black, 15.47538em -0.31287em 0 0.125em black, 17.69474em 0.46689em 0 0.125em black, -1.045em 0.54472em 0 0.125em black, 1.93713em 0.27462em 0 0.125em black, 4.96689em 0.30526em 0 0.125em black, 7.92557em 0.63197em 0 0.125em black, 10.70528em 1.205em 0 0.125em black, 13.22538em 1.93713em 0 0.125em black, 15.44474em 2.71689em 0 0.125em black, 17.36803em 3.42557em 0 0.125em black, -0.31287em 2.52462em 0 0.125em black, 2.71689em 2.55526em 0 0.125em black, 5.67557em 2.88197em 0 0.125em black, 8.45528em 3.455em 0 0.125em black, 10.97538em 4.18713em 0 0.125em black, 13.19474em 4.96689em 0 0.125em black, 15.11803em 5.67557em 0 0.125em black, 16.795em 6.20528em 0 0.125em black, 0.46689em 4.80526em 0 0.125em black, 3.42557em 5.13197em 0 0.125em black, 6.20528em 5.705em 0 0.125em black, 8.72538em 6.43713em 0 0.125em black, 10.94474em 7.21689em 0 0.125em black, 12.86803em 7.92557em 0 0.125em black, 14.545em 8.45528em 0 0.125em black, 16.06287em 8.72538em 0 0.125em black, 1.17557em 7.38197em 0 0.125em black, 3.95528em 7.955em 0 0.125em black, 6.47538em 8.68713em 0 0.125em black, 8.69474em 9.46689em 0 0.125em black, 10.61803em 10.17557em 0 0.125em black, 12.295em 10.70528em 0 0.125em black, 13.81287em 10.97538em 0 0.125em black, 15.28311em 10.94474em 0 0.125em black, 1.70528em 10.205em 0 0.125em black, 4.22538em 10.93713em 0 0.125em black, 6.44474em 11.71689em 0 0.125em black, 8.36803em 12.42557em 0 0.125em black, 10.045em 12.95528em 0 0.125em black, 11.56287em 13.22538em 0 0.125em black, 13.03311em 13.19474em 0 0.125em black, 14.57443em 12.86803em 0 0.125em black, 1.97538em 13.18713em 0 0.125em black, 4.19474em 13.96689em 0 0.125em black, 6.11803em 14.67557em 0 0.125em black, 7.795em 15.20528em 0 0.125em black, 9.31287em 15.47538em 0 0.125em black, 10.78311em 15.44474em 0 0.125em black, 12.32443em 15.11803em 0 0.125em black, 14.04472em 14.545em 0 0.125em black, 1.94474em 16.21689em 0 0.125em black, 3.86803em 16.92557em 0 0.125em black, 5.545em 17.45528em 0 0.125em black, 7.06287em 17.72538em 0 0.125em black, 8.53311em 17.69474em 0 0.125em black, 10.07443em 17.36803em 0 0.125em black, 11.79472em 16.795em 0 0.125em black, 13.77462em 16.06287em 0 0.125em black;
}
66.66667% {
box-shadow: -1.0em -1.73205em 0 0.125em black, 1.98895em -1.98289em 0 0.125em black, 5.01764em -1.93185em 0 0.125em black, 7.96752em -1.58671em 0 0.125em black, 10.73205em -1.0em 0 0.125em black, 13.23289em -0.26105em 0 0.125em black, 15.43185em 0.51764em 0 0.125em black, 17.33671em 1.21752em 0 0.125em black, -0.26105em 0.26711em 0 0.125em black, 2.76764em 0.31815em 0 0.125em black, 5.71752em 0.66329em 0 0.125em black, 8.48205em 1.25em 0 0.125em black, 10.98289em 1.98895em 0 0.125em black, 13.18185em 2.76764em 0 0.125em black, 15.08671em 3.46752em 0 0.125em black, 16.75em 3.98205em 0 0.125em black, 0.51764em 2.56815em 0 0.125em black, 3.46752em 2.91329em 0 0.125em black, 6.23205em 3.5em 0 0.125em black, 8.73289em 4.23895em 0 0.125em black, 10.93185em 5.01764em 0 0.125em black, 12.83671em 5.71752em 0 0.125em black, 14.5em 6.23205em 0 0.125em black, 16.01105em 6.48289em 0 0.125em black, 1.21752em 5.16329em 0 0.125em black, 3.98205em 5.75em 0 0.125em black, 6.48289em 6.48895em 0 0.125em black, 8.68185em 7.26764em 0 0.125em black, 10.58671em 7.96752em 0 0.125em black, 12.25em 8.48205em 0 0.125em black, 13.76105em 8.73289em 0 0.125em black, 15.23236em 8.68185em 0 0.125em black, 1.73205em 8.0em 0 0.125em black, 4.23289em 8.73895em 0 0.125em black, 6.43185em 9.51764em 0 0.125em black, 8.33671em 10.21752em 0 0.125em black, 10em 10.73205em 0 0.125em black, 11.51105em 10.98289em 0 0.125em black, 12.98236em 10.93185em 0 0.125em black, 14.53248em 10.58671em 0 0.125em black, 1.98289em 10.98895em 0 0.125em black, 4.18185em 11.76764em 0 0.125em black, 6.08671em 12.46752em 0 0.125em black, 7.75em 12.98205em 0 0.125em black, 9.26105em 13.23289em 0 0.125em black, 10.73236em 13.18185em 0 0.125em black, 12.28248em 12.83671em 0 0.125em black, 14.01795em 12.25em 0 0.125em black, 1.93185em 14.01764em 0 0.125em black, 3.83671em 14.71752em 0 0.125em black, 5.5em 15.23205em 0 0.125em black, 7.01105em 15.48289em 0 0.125em black, 8.48236em 15.43185em 0 0.125em black, 10.03248em 15.08671em 0 0.125em black, 11.76795em 14.5em 0 0.125em black, 13.76711em 13.76105em 0 0.125em black, 1.58671em 16.96752em 0 0.125em black, 3.25em 17.48205em 0 0.125em black, 4.76105em 17.73289em 0 0.125em black, 6.23236em 17.68185em 0 0.125em black, 7.78248em 17.33671em 0 0.125em black, 9.51795em 16.75em 0 0.125em black, 11.51711em 16.01105em 0 0.125em black, 13.81815em 15.23236em 0 0.125em black;
}
73.33333% {
box-shadow: -0.20906em -1.98904em 0 0.125em black, 2.81803em -1.91764em 0 0.125em black, 5.75864em -1.55429em 0 0.125em black, 8.50763em -0.95432em 0 0.125em black, 10.98904em -0.20906em 0 0.125em black, 13.16764em 0.56803em 0 0.125em black, 15.05429em 1.25864em 0 0.125em black, 16.70432em 1.75763em 0 0.125em black, 0.56803em 0.33236em 0 0.125em black, 3.50864em 0.69571em 0 0.125em black, 6.25763em 1.29568em 0 0.125em black, 8.73904em 2.04094em 0 0.125em black, 10.91764em 2.81803em 0 0.125em black, 12.80429em 3.50864em 0 0.125em black, 14.45432em 4.00763em 0 0.125em black, 15.95906em 4.23904em 0 0.125em black, 1.25864em 2.94571em 0 0.125em black, 4.00763em 3.54568em 0 0.125em black, 6.48904em 4.29094em 0 0.125em black, 8.66764em 5.06803em 0 0.125em black, 10.55429em 5.75864em 0 0.125em black, 12.20432em 6.25763em 0 0.125em black, 13.70906em 6.48904em 0 0.125em black, 15.18197em 6.41764em 0 0.125em black, 1.75763em 5.79568em 0 0.125em black, 4.23904em 6.54094em 0 0.125em black, 6.41764em 7.31803em 0 0.125em black, 8.30429em 8.00864em 0 0.125em black, 9.95432em 8.50763em 0 0.125em black, 11.45906em 8.73904em 0 0.125em black, 12.93197em 8.66764em 0 0.125em black, 14.49136em 8.30429em 0 0.125em black, 1.98904em 8.79094em 0 0.125em black, 4.16764em 9.56803em 0 0.125em black, 6.05429em 10.25864em 0 0.125em black, 7.70432em 10.75763em 0 0.125em black, 9.20906em 10.98904em 0 0.125em black, 10.68197em 10.91764em 0 0.125em black, 12.24136em 10.55429em 0 0.125em black, 13.99237em 9.95432em 0 0.125em black, 1.91764em 11.81803em 0 0.125em black, 3.80429em 12.50864em 0 0.125em black, 5.45432em 13.00763em 0 0.125em black, 6.95906em 13.23904em 0 0.125em black, 8.43197em 13.16764em 0 0.125em black, 9.99136em 12.80429em 0 0.125em black, 11.74237em 12.20432em 0 0.125em black, 13.76096em 11.45906em 0 0.125em black, 1.55429em 14.75864em 0 0.125em black, 3.20432em 15.25763em 0 0.125em black, 4.70906em 15.48904em 0 0.125em black, 6.18197em 15.41764em 0 0.125em black, 7.74136em 15.05429em 0 0.125em black, 9.49237em 14.45432em 0 0.125em black, 11.51096em 13.70906em 0 0.125em black, 13.83236em 12.93197em 0 0.125em black, 0.95432em 17.50763em 0 0.125em black, 2.45906em 17.73904em 0 0.125em black, 3.93197em 17.66764em 0 0.125em black, 5.49136em 17.30429em 0 0.125em black, 7.24237em 16.70432em 0 0.125em black, 9.26096em 15.95906em 0 0.125em black, 11.58236em 15.18197em 0 0.125em black, 14.19571em 14.49136em 0 0.125em black;
}
80% {
box-shadow: 0.61803em -1.90211em 0 0.125em black, 3.5489em -1.52081em 0 0.125em black, 6.28201em -0.90798em 0 0.125em black, 8.74383em -0.15692em 0 0.125em black, 10.90211em 0.61803em 0 0.125em black, 12.77081em 1.2989em 0 0.125em black, 14.40798em 1.78201em 0 0.125em black, 15.90692em 1.99383em 0 0.125em black, 1.2989em 0.72919em 0 0.125em black, 4.03201em 1.34202em 0 0.125em black, 6.49383em 2.09308em 0 0.125em black, 8.65211em 2.86803em 0 0.125em black, 10.52081em 3.5489em 0 0.125em black, 12.15798em 4.03201em 0 0.125em black, 13.65692em 4.24383em 0 0.125em black, 15.13197em 4.15211em 0 0.125em black, 1.78201em 3.59202em 0 0.125em black, 4.24383em 4.34308em 0 0.125em black, 6.40211em 5.11803em 0 0.125em black, 8.27081em 5.7989em 0 0.125em black, 9.90798em 6.28201em 0 0.125em black, 11.40692em 6.49383em 0 0.125em black, 12.88197em 6.40211em 0 0.125em black, 14.4511em 6.02081em 0 0.125em black, 1.99383em 6.59308em 0 0.125em black, 4.15211em 7.36803em 0 0.125em black, 6.02081em 8.0489em 0 0.125em black, 7.65798em 8.53201em 0 0.125em black, 9.15692em 8.74383em 0 0.125em black, 10.63197em 8.65211em 0 0.125em black, 12.2011em 8.27081em 0 0.125em black, 13.96799em 7.65798em 0 0.125em black, 1.90211em 9.61803em 0 0.125em black, 3.77081em 10.2989em 0 0.125em black, 5.40798em 10.78201em 0 0.125em black, 6.90692em 10.99383em 0 0.125em black, 8.38197em 10.90211em 0 0.125em black, 9.9511em 10.52081em 0 0.125em black, 11.71799em 9.90798em 0 0.125em black, 13.75617em 9.15692em 0 0.125em black, 1.52081em 12.5489em 0 0.125em black, 3.15798em 13.03201em 0 0.125em black, 4.65692em 13.24383em 0 0.125em black, 6.13197em 13.15211em 0 0.125em black, 7.7011em 12.77081em 0 0.125em black, 9.46799em 12.15798em 0 0.125em black, 11.50617em 11.40692em 0 0.125em black, 13.84789em 10.63197em 0 0.125em black, 0.90798em 15.28201em 0 0.125em black, 2.40692em 15.49383em 0 0.125em black, 3.88197em 15.40211em 0 0.125em black, 5.4511em 15.02081em 0 0.125em black, 7.21799em 14.40798em 0 0.125em black, 9.25617em 13.65692em 0 0.125em black, 11.59789em 12.88197em 0 0.125em black, 14.22919em 12.2011em 0 0.125em black, 0.15692em 17.74383em 0 0.125em black, 1.63197em 17.65211em 0 0.125em black, 3.2011em 17.27081em 0 0.125em black, 4.96799em 16.65798em 0 0.125em black, 7.00617em 15.90692em 0 0.125em black, 9.34789em 15.13197em 0 0.125em black, 11.97919em 14.4511em 0 0.125em black, 14.84202em 13.96799em 0 0.125em black;
}
86.66667% {
box-shadow: 1.33826em -1.48629em 0 0.125em black, 4.05517em -0.86102em 0 0.125em black, 6.49726em -0.10467em 0 0.125em black, 8.63528em 0.66761em 0 0.125em black, 10.48629em 1.33826em 0 0.125em black, 12.11102em 1.80517em 0 0.125em black, 13.60467em 1.99726em 0 0.125em black, 15.08239em 1.88528em 0 0.125em black, 1.80517em 1.38898em 0 0.125em black, 4.24726em 2.14533em 0 0.125em black, 6.38528em 2.91761em 0 0.125em black, 8.23629em 3.58826em 0 0.125em black, 9.86102em 4.05517em 0 0.125em black, 11.35467em 4.24726em 0 0.125em black, 12.83239em 4.13528em 0 0.125em black, 14.41174em 3.73629em 0 0.125em black, 1.99726em 4.39533em 0 0.125em black, 4.13528em 5.16761em 0 0.125em black, 5.98629em 5.83826em 0 0.125em black, 7.61102em 6.30517em 0 0.125em black, 9.10467em 6.49726em 0 0.125em black, 10.58239em 6.38528em 0 0.125em black, 12.16174em 5.98629em 0 0.125em black, 13.94483em 5.36102em 0 0.125em black, 1.88528em 7.41761em 0 0.125em black, 3.73629em 8.08826em 0 0.125em black, 5.36102em 8.55517em 0 0.125em black, 6.85467em 8.74726em 0 0.125em black, 8.33239em 8.63528em 0 0.125em black, 9.91174em 8.23629em 0 0.125em black, 11.69483em 7.61102em 0 0.125em black, 13.75274em 6.85467em 0 0.125em black, 1.48629em 10.33826em 0 0.125em black, 3.11102em 10.80517em 0 0.125em black, 4.60467em 10.99726em 0 0.125em black, 6.08239em 10.88528em 0 0.125em black, 7.66174em 10.48629em 0 0.125em black, 9.44483em 9.86102em 0 0.125em black, 11.50274em 9.10467em 0 0.125em black, 13.86472em 8.33239em 0 0.125em black, 0.86102em 13.05517em 0 0.125em black, 2.35467em 13.24726em 0 0.125em black, 3.83239em 13.13528em 0 0.125em black, 5.41174em 12.73629em 0 0.125em black, 7.19483em 12.11102em 0 0.125em black, 9.25274em 11.35467em 0 0.125em black, 11.61472em 10.58239em 0 0.125em black, 14.26371em 9.91174em 0 0.125em black, 0.10467em 15.49726em 0 0.125em black, 1.58239em 15.38528em 0 0.125em black, 3.16174em 14.98629em 0 0.125em black, 4.94483em 14.36102em 0 0.125em black, 7.00274em 13.60467em 0 0.125em black, 9.36472em 12.83239em 0 0.125em black, 12.01371em 12.16174em 0 0.125em black, 14.88898em 11.69483em 0 0.125em black, -0.66761em 17.63528em 0 0.125em black, 0.91174em 17.23629em 0 0.125em black, 2.69483em 16.61102em 0 0.125em black, 4.75274em 15.85467em 0 0.125em black, 7.11472em 15.08239em 0 0.125em black, 9.76371em 14.41174em 0 0.125em black, 12.63898em 13.94483em 0 0.125em black, 15.64533em 13.75274em 0 0.125em black;
}
93.33333% {
box-shadow: 1.82709em -0.81347em 0 0.125em black, 4.24931em -0.05235em 0 0.125em black, 6.36716em 0.71674em 0 0.125em black, 8.20075em 1.37671em 0 0.125em black, 9.81347em 1.82709em 0 0.125em black, 11.30235em 1.99931em 0 0.125em black, 12.78326em 1.86716em 0 0.125em black, 14.37329em 1.45075em 0 0.125em black, 1.99931em 2.19765em 0 0.125em black, 4.11716em 2.96674em 0 0.125em black, 5.95075em 3.62671em 0 0.125em black, 7.56347em 4.07709em 0 0.125em black, 9.05235em 4.24931em 0 0.125em black, 10.53326em 4.11716em 0 0.125em black, 12.12329em 3.70075em 0 0.125em black, 13.92291em 3.06347em 0 0.125em black, 1.86716em 5.21674em 0 0.125em black, 3.70075em 5.87671em 0 0.125em black, 5.31347em 6.32709em 0 0.125em black, 6.80235em 6.49931em 0 0.125em black, 8.28326em 6.36716em 0 0.125em black, 9.87329em 5.95075em 0 0.125em black, 11.67291em 5.31347em 0 0.125em black, 13.75069em 4.55235em 0 0.125em black, 1.45075em 8.12671em 0 0.125em black, 3.06347em 8.57709em 0 0.125em black, 4.55235em 8.74931em 0 0.125em black, 6.03326em 8.61716em 0 0.125em black, 7.62329em 8.20075em 0 0.125em black, 9.42291em 7.56347em 0 0.125em black, 11.50069em 6.80235em 0 0.125em black, 13.88284em 6.03326em 0 0.125em black, 0.81347em 10.82709em 0 0.125em black, 2.30235em 10.99931em 0 0.125em black, 3.78326em 10.86716em 0 0.125em black, 5.37329em 10.45075em 0 0.125em black, 7.17291em 9.81347em 0 0.125em black, 9.25069em 9.05235em 0 0.125em black, 11.63284em 8.28326em 0 0.125em black, 14.29925em 7.62329em 0 0.125em black, 0.05235em 13.24931em 0 0.125em black, 1.53326em 13.11716em 0 0.125em black, 3.12329em 12.70075em 0 0.125em black, 4.92291em 12.06347em 0 0.125em black, 7.00069em 11.30235em 0 0.125em black, 9.38284em 10.53326em 0 0.125em black, 12.04925em 9.87329em 0 0.125em black, 14.93653em 9.42291em 0 0.125em black, -0.71674em 15.36716em 0 0.125em black, 0.87329em 14.95075em 0 0.125em black, 2.67291em 14.31347em 0 0.125em black, 4.75069em 13.55235em 0 0.125em black, 7.13284em 12.78326em 0 0.125em black, 9.79925em 12.12329em 0 0.125em black, 12.68653em 11.67291em 0 0.125em black, 15.69765em 11.50069em 0 0.125em black, -1.37671em 17.20075em 0 0.125em black, 0.42291em 16.56347em 0 0.125em black, 2.50069em 15.80235em 0 0.125em black, 4.88284em 15.03326em 0 0.125em black, 7.54925em 14.37329em 0 0.125em black, 10.43653em 13.92291em 0 0.125em black, 13.44765em 13.75069em 0 0.125em black, 16.46674em 13.88284em 0 0.125em black;
}
100% {
box-shadow: 2em 0.0em 0 0.125em black, 4.09776em 0.76537em 0 0.125em black, 5.91421em 1.41421em 0 0.125em black, 7.51537em 1.84776em 0 0.125em black, 9em 2em 0 0.125em black, 10.48463em 1.84776em 0 0.125em black, 12.08579em 1.41421em 0 0.125em black, 13.90224em 0.76537em 0 0.125em black, 1.84776em 3.01537em 0 0.125em black, 3.66421em 3.66421em 0 0.125em black, 5.26537em 4.09776em 0 0.125em black, 6.75em 4.25em 0 0.125em black, 8.23463em 4.09776em 0 0.125em black, 9.83579em 3.66421em 0 0.125em black, 11.65224em 3.01537em 0 0.125em black, 13.75em 2.25em 0 0.125em black, 1.41421em 5.91421em 0 0.125em black, 3.01537em 6.34776em 0 0.125em black, 4.5em 6.5em 0 0.125em black, 5.98463em 6.34776em 0 0.125em black, 7.58579em 5.91421em 0 0.125em black, 9.40224em 5.26537em 0 0.125em black, 11.5em 4.5em 0 0.125em black, 13.90224em 3.73463em 0 0.125em black, 0.76537em 8.59776em 0 0.125em black, 2.25em 8.75em 0 0.125em black, 3.73463em 8.59776em 0 0.125em black, 5.33579em 8.16421em 0 0.125em black, 7.15224em 7.51537em 0 0.125em black, 9.25em 6.75em 0 0.125em black, 11.65224em 5.98463em 0 0.125em black, 14.33579em 5.33579em 0 0.125em black, 0.0em 11em 0 0.125em black, 1.48463em 10.84776em 0 0.125em black, 3.08579em 10.41421em 0 0.125em black, 4.90224em 9.76537em 0 0.125em black, 7em 9em 0 0.125em black, 9.40224em 8.23463em 0 0.125em black, 12.08579em 7.58579em 0 0.125em black, 14.98463em 7.15224em 0 0.125em black, -0.76537em 13.09776em 0 0.125em black, 0.83579em 12.66421em 0 0.125em black, 2.65224em 12.01537em 0 0.125em black, 4.75em 11.25em 0 0.125em black, 7.15224em 10.48463em 0 0.125em black, 9.83579em 9.83579em 0 0.125em black, 12.73463em 9.40224em 0 0.125em black, 15.75em 9.25em 0 0.125em black, -1.41421em 14.91421em 0 0.125em black, 0.40224em 14.26537em 0 0.125em black, 2.5em 13.5em 0 0.125em black, 4.90224em 12.73463em 0 0.125em black, 7.58579em 12.08579em 0 0.125em black, 10.48463em 11.65224em 0 0.125em black, 13.5em 11.5em 0 0.125em black, 16.51537em 11.65224em 0 0.125em black, -1.84776em 16.51537em 0 0.125em black, 0.25em 15.75em 0 0.125em black, 2.65224em 14.98463em 0 0.125em black, 5.33579em 14.33579em 0 0.125em black, 8.23463em 13.90224em 0 0.125em black, 11.25em 13.75em 0 0.125em black, 14.26537em 13.90224em 0 0.125em black, 17.16421em 14.33579em 0 0.125em black;
}
}
Output
300px
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |