7 lines
4.6 KiB
CSS
7 lines
4.6 KiB
CSS
/*!
|
|
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
|
|
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
|
|
* Licensed under MIT
|
|
*/
|
|
.la-ball-8bits,.la-ball-8bits>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-8bits{display:block;font-size:0;color:#fff}.la-ball-8bits.la-dark{color:#333}.la-ball-8bits>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-8bits{width:12px;height:12px}.la-ball-8bits>div{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:0;opacity:0;-webkit-transform:translate(100%, 100%);-moz-transform:translate(100%, 100%);-ms-transform:translate(100%, 100%);-o-transform:translate(100%, 100%);transform:translate(100%, 100%);-webkit-animation:ball-8bits 1s 0s ease infinite;-moz-animation:ball-8bits 1s 0s ease infinite;-o-animation:ball-8bits 1s 0s ease infinite;animation:ball-8bits 1s 0s ease infinite}.la-ball-8bits>div:nth-child(1){-webkit-animation-delay:-.9375s;-moz-animation-delay:-.9375s;-o-animation-delay:-.9375s;animation-delay:-.9375s}.la-ball-8bits>div:nth-child(2){-webkit-animation-delay:-.875s;-moz-animation-delay:-.875s;-o-animation-delay:-.875s;animation-delay:-.875s}.la-ball-8bits>div:nth-child(3){-webkit-animation-delay:-.8125s;-moz-animation-delay:-.8125s;-o-animation-delay:-.8125s;animation-delay:-.8125s}.la-ball-8bits>div:nth-child(4){-webkit-animation-delay:-.75s;-moz-animation-delay:-.75s;-o-animation-delay:-.75s;animation-delay:-.75s}.la-ball-8bits>div:nth-child(5){-webkit-animation-delay:-.6875s;-moz-animation-delay:-.6875s;-o-animation-delay:-.6875s;animation-delay:-.6875s}.la-ball-8bits>div:nth-child(6){-webkit-animation-delay:-.625s;-moz-animation-delay:-.625s;-o-animation-delay:-.625s;animation-delay:-.625s}.la-ball-8bits>div:nth-child(7){-webkit-animation-delay:-.5625s;-moz-animation-delay:-.5625s;-o-animation-delay:-.5625s;animation-delay:-.5625s}.la-ball-8bits>div:nth-child(8){-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s}.la-ball-8bits>div:nth-child(9){-webkit-animation-delay:-.4375s;-moz-animation-delay:-.4375s;-o-animation-delay:-.4375s;animation-delay:-.4375s}.la-ball-8bits>div:nth-child(10){-webkit-animation-delay:-.375s;-moz-animation-delay:-.375s;-o-animation-delay:-.375s;animation-delay:-.375s}.la-ball-8bits>div:nth-child(11){-webkit-animation-delay:-.3125s;-moz-animation-delay:-.3125s;-o-animation-delay:-.3125s;animation-delay:-.3125s}.la-ball-8bits>div:nth-child(12){-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s}.la-ball-8bits>div:nth-child(13){-webkit-animation-delay:-.1875s;-moz-animation-delay:-.1875s;-o-animation-delay:-.1875s;animation-delay:-.1875s}.la-ball-8bits>div:nth-child(14){-webkit-animation-delay:-.125s;-moz-animation-delay:-.125s;-o-animation-delay:-.125s;animation-delay:-.125s}.la-ball-8bits>div:nth-child(15){-webkit-animation-delay:-.0625s;-moz-animation-delay:-.0625s;-o-animation-delay:-.0625s;animation-delay:-.0625s}.la-ball-8bits>div:nth-child(16){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.la-ball-8bits>div:nth-child(1){top:-100%;left:0}.la-ball-8bits>div:nth-child(2){top:-100%;left:33.3333333333%}.la-ball-8bits>div:nth-child(3){top:-66.6666666667%;left:66.6666666667%}.la-ball-8bits>div:nth-child(4){top:-33.3333333333%;left:100%}.la-ball-8bits>div:nth-child(5){top:0;left:100%}.la-ball-8bits>div:nth-child(6){top:33.3333333333%;left:100%}.la-ball-8bits>div:nth-child(7){top:66.6666666667%;left:66.6666666667%}.la-ball-8bits>div:nth-child(8){top:100%;left:33.3333333333%}.la-ball-8bits>div:nth-child(9){top:100%;left:0}.la-ball-8bits>div:nth-child(10){top:100%;left:-33.3333333333%}.la-ball-8bits>div:nth-child(11){top:66.6666666667%;left:-66.6666666667%}.la-ball-8bits>div:nth-child(12){top:33.3333333333%;left:-100%}.la-ball-8bits>div:nth-child(13){top:0;left:-100%}.la-ball-8bits>div:nth-child(14){top:-33.3333333333%;left:-100%}.la-ball-8bits>div:nth-child(15){top:-66.6666666667%;left:-66.6666666667%}.la-ball-8bits>div:nth-child(16){top:-100%;left:-33.3333333333%}.la-ball-8bits.la-sm{width:6px;height:6px}.la-ball-8bits.la-sm>div{width:2px;height:2px}.la-ball-8bits.la-2x{width:24px;height:24px}.la-ball-8bits.la-2x>div{width:8px;height:8px}.la-ball-8bits.la-3x{width:36px;height:36px}.la-ball-8bits.la-3x>div{width:12px;height:12px}@-webkit-keyframes ball-8bits{0%{opacity:1}50%{opacity:1}51%{opacity:0}}@-moz-keyframes ball-8bits{0%{opacity:1}50%{opacity:1}51%{opacity:0}}@-o-keyframes ball-8bits{0%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes ball-8bits{0%{opacity:1}50%{opacity:1}51%{opacity:0}}
|