lazyjs.css

.blockRoll{position:relative;width:22px;height:22px;margin:auto}.blockRoll .block{position:absolute;width:6px;height:6px;top:0;left:0;background:#000;animation:blockLight 1s infinite}.blockRoll #block1{top:0;left:0;animation-delay:.125s}.blockRoll #block2{top:0;left:8px;animation-delay:.25s}.blockRoll #block3{top:0;left:16px;animation-delay:.375s}.blockRoll #block6{top:8px;left:16px;animation-delay:.5s}.blockRoll #block9{top:16px;left:16px;animation-delay:.625s}.blockRoll #block8{top:16px;left:8px;animation-delay:.75s}.blockRoll #block7{top:16px;left:0;animation-delay:.875s}.blockRoll #block4{top:8px;left:0;animation-delay:1s}.blockRoll #block5{top:8px;left:8px;animation-duration:1.8s}@keyframes blockLight{20%,80%{opacity:1}50%{opacity:0}}.windows8{position:relative;width:28px;height:28px;margin:auto}.windows8 .wBall{position:absolute;width:27px;height:27px;opacity:0;transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);animation:orbit 3.6325s infinite;-o-animation:orbit 3.6325s infinite;-ms-animation:orbit 3.6325s infinite;-webkit-animation:orbit 3.6325s infinite;-moz-animation:orbit 3.6325s infinite}.windows8 .wBall .wInnerBall{position:absolute;width:3px;height:3px;background:#000;left:0;top:0;border-radius:3px}.windows8 #wBall_1{animation-delay:796ms;-o-animation-delay:796ms;-ms-animation-delay:796ms;-webkit-animation-delay:796ms;-moz-animation-delay:796ms}.windows8 #wBall_2{animation-delay:153ms;-o-animation-delay:153ms;-ms-animation-delay:153ms;-webkit-animation-delay:153ms;-moz-animation-delay:153ms}.windows8 #wBall_3{animation-delay:.3165s;-o-animation-delay:.3165s;-ms-animation-delay:.3165s;-webkit-animation-delay:.3165s;-moz-animation-delay:.3165s}.windows8 #wBall_4{animation-delay:.4695s;-o-animation-delay:.4695s;-ms-animation-delay:.4695s;-webkit-animation-delay:.4695s;-moz-animation-delay:.4695s}.windows8 #wBall_5{animation-delay:633ms;-o-animation-delay:633ms;-ms-animation-delay:633ms;-webkit-animation-delay:633ms;-moz-animation-delay:633ms}@keyframes orbit{0%{opacity:1;z-index:99;transform:rotate(180deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(300deg);animation-timing-function:linear;origin:0}30%{opacity:1;transform:rotate(410deg);animation-timing-function:ease-in-out;origin:7%}39%{opacity:1;transform:rotate(645deg);animation-timing-function:linear;origin:30%}70%{opacity:1;transform:rotate(770deg);animation-timing-function:ease-out;origin:39%}75%{opacity:1;transform:rotate(900deg);animation-timing-function:ease-out;origin:70%}100%,76%{opacity:0;transform:rotate(900deg)}}@-o-keyframes orbit{0%{opacity:1;z-index:99;-o-transform:rotate(180deg);-o-animation-timing-function:ease-out}7%{opacity:1;-o-transform:rotate(300deg);-o-animation-timing-function:linear;-o-origin:0}30%{opacity:1;-o-transform:rotate(410deg);-o-animation-timing-function:ease-in-out;-o-origin:7%}39%{opacity:1;-o-transform:rotate(645deg);-o-animation-timing-function:linear;-o-origin:30%}70%{opacity:1;-o-transform:rotate(770deg);-o-animation-timing-function:ease-out;-o-origin:39%}75%{opacity:1;-o-transform:rotate(900deg);-o-animation-timing-function:ease-out;-o-origin:70%}100%,76%{opacity:0;-o-transform:rotate(900deg)}}@-ms-keyframes orbit{30%,39%,7%{opacity:1}39%,7%{-ms-animation-timing-function:linear}0%,70%,75%{opacity:1;-ms-animation-timing-function:ease-out}100%,75%,76%{-ms-transform:rotate(900deg)}0%{z-index:99;-ms-transform:rotate(180deg)}7%{-ms-transform:rotate(300deg);-ms-origin:0}30%{-ms-transform:rotate(410deg);-ms-animation-timing-function:ease-in-out;-ms-origin:7%}39%{-ms-transform:rotate(645deg);-ms-origin:30%}70%{-ms-transform:rotate(770deg);-ms-origin:39%}75%{-ms-origin:70%}100%,76%{opacity:0}}@-webkit-keyframes orbit{0%{opacity:1;z-index:99;-webkit-transform:rotate(180deg);-webkit-animation-timing-function:ease-out}7%{opacity:1;-webkit-transform:rotate(300deg);-webkit-animation-timing-function:linear;-webkit-origin:0}30%{opacity:1;-webkit-transform:rotate(410deg);-webkit-animation-timing-function:ease-in-out;-webkit-origin:7%}39%{opacity:1;-webkit-transform:rotate(645deg);-webkit-animation-timing-function:linear;-webkit-origin:30%}70%{opacity:1;-webkit-transform:rotate(770deg);-webkit-animation-timing-function:ease-out;-webkit-origin:39%}75%{opacity:1;-webkit-transform:rotate(900deg);-webkit-animation-timing-function:ease-out;-webkit-origin:70%}100%,76%{opacity:0;-webkit-transform:rotate(900deg)}}@-moz-keyframes orbit{0%{opacity:1;z-index:99;-moz-transform:rotate(180deg);-moz-animation-timing-function:ease-out}7%{opacity:1;-moz-transform:rotate(300deg);-moz-animation-timing-function:linear;-moz-origin:0}30%{opacity:1;-moz-transform:rotate(410deg);-moz-animation-timing-function:ease-in-out;-moz-origin:7%}39%{opacity:1;-moz-transform:rotate(645deg);-moz-animation-timing-function:linear;-moz-origin:30%}70%{opacity:1;-moz-transform:rotate(770deg);-moz-animation-timing-function:ease-out;-moz-origin:39%}75%{opacity:1;-moz-transform:rotate(900deg);-moz-animation-timing-function:ease-out;-moz-origin:70%}100%,76%{opacity:0;-moz-transform:rotate(900deg)}}.cssload-thecube{width:24px;height:24px;margin:16px auto 0;position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg)}.cssload-thecube .cssload-cube{transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.cssload-thecube .cssload-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2ba0c7;animation:cssload-fold-thecube 2.76s infinite linear both;-o-animation:cssload-fold-thecube 2.76s infinite linear both;-ms-animation:cssload-fold-thecube 2.76s infinite linear both;-webkit-animation:cssload-fold-thecube 2.76s infinite linear both;-moz-animation:cssload-fold-thecube 2.76s infinite linear both;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%}.cssload-thecube .cssload-c2{transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-webkit-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg)}.cssload-thecube .cssload-c3{transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-webkit-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg)}.cssload-thecube .cssload-c4{transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-webkit-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg)}.cssload-thecube .cssload-c2:before{animation-delay:.35s;-o-animation-delay:.35s;-ms-animation-delay:.35s;-webkit-animation-delay:.35s;-moz-animation-delay:.35s}.cssload-thecube .cssload-c3:before{animation-delay:.69s;-o-animation-delay:.69s;-ms-animation-delay:.69s;-webkit-animation-delay:.69s;-moz-animation-delay:.69s}.cssload-thecube .cssload-c4:before{animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s}@keyframes cssload-fold-thecube{0%,10%{transform:perspective(45px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(45px) rotateX(0);opacity:1}100%,90%{transform:perspective(45px) rotateY(180deg);opacity:0}}@-o-keyframes cssload-fold-thecube{0%,10%{-o-transform:perspective(45px) rotateX(-180deg);opacity:0}25%,75%{-o-transform:perspective(45px) rotateX(0);opacity:1}100%,90%{-o-transform:perspective(45px) rotateY(180deg);opacity:0}}@-ms-keyframes cssload-fold-thecube{0%,10%{-ms-transform:perspective(45px) rotateX(-180deg);opacity:0}25%,75%{-ms-transform:perspective(45px) rotateX(0);opacity:1}100%,90%{-ms-transform:perspective(45px) rotateY(180deg);opacity:0}}@-webkit-keyframes cssload-fold-thecube{0%,10%{-webkit-transform:perspective(45px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(45px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(45px) rotateY(180deg);opacity:0}}@-moz-keyframes cssload-fold-thecube{0%,10%{-moz-transform:perspective(45px) rotateX(-180deg);opacity:0}25%,75%{-moz-transform:perspective(45px) rotateX(0);opacity:1}100%,90%{-moz-transform:perspective(45px) rotateY(180deg);opacity:0}}