web/css/loading.min.css - master - Ladlen/tiles

web/css/loading.min.css
7 строк8 KB
Dolgov Dmitriy
fin
24 фев 2017, 12:44
24 фев 2017, 12:443d269c1
@charset "UTF-8";/*!
 * loading.css -https://github.com/Dn9x/loading.js
 * Version - 1.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Dn9x
 */@-webkit-keyframes circle-fade{50%{opacity:.2;-webkit-transform:scale(.35);transform:scale(.35)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes circle-fade{50%{opacity:.2;-webkit-transform:scale(.35);transform:scale(.35)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.circle-fade{position:relative}.circle-fade>div:nth-child(1){top:25px;left:0;-webkit-animation:circle-fade 1s 0s infinite linear;animation:circle-fade 1s 0s infinite linear}.circle-fade>div:nth-child(2){top:17.05px;left:17.05px;-webkit-animation:circle-fade 1s .12s infinite linear;animation:circle-fade 1s .12s infinite linear}.circle-fade>div:nth-child(3){top:0;left:25px;-webkit-animation:circle-fade 1s .24s infinite linear;animation:circle-fade 1s .24s infinite linear}.circle-fade>div:nth-child(4){top:-17.05px;left:17.05px;-webkit-animation:circle-fade 1s .36s infinite linear;animation:circle-fade 1s .36s infinite linear}.circle-fade>div:nth-child(5){top:-25px;left:0;-webkit-animation:circle-fade 1s .48s infinite linear;animation:circle-fade 1s .48s infinite linear}.circle-fade>div:nth-child(6){top:-17.05px;left:-17.05px;-webkit-animation:circle-fade 1s .6s infinite linear;animation:circle-fade 1s .6s infinite linear}.circle-fade>div:nth-child(7){top:0;left:-25px;-webkit-animation:circle-fade 1s .72s infinite linear;animation:circle-fade 1s .72s infinite linear}.circle-fade>div:nth-child(8){top:17.05px;left:-17.05px;-webkit-animation:circle-fade 1s .84s infinite linear;animation:circle-fade 1s .84s infinite linear}.circle-fade>div{background-color:#fff;width:16px;height:16px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}.circle-turn-scale>div,.circle-turn>div{margin:2px;height:25px;width:25px;background:0 0!important;display:inline-block}@-webkit-keyframes rotate-scale{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.5);transform:rotate(180deg) scale(.5)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes rotate-scale{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.5);transform:rotate(180deg) scale(.5)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.circle-turn-scale>div{border-radius:100%;border:2px solid #fff;border-bottom-color:transparent;-webkit-animation:rotate-scale .75s 0s linear infinite;animation:rotate-scale .75s 0s linear infinite}@-webkit-keyframes circle-turn{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes circle-turn{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.circle-turn>div{border-radius:100%;border:2px solid #fff;border-bottom-color:transparent;-webkit-animation:circle-turn .75s 0s linear infinite;animation:circle-turn .75s 0s linear infinite}@-webkit-keyframes square-flip{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes square-flip{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.square-flip>div{width:50px;height:50px;background:#fff;border:0;-webkit-animation:square-flip 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-flip 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}@-webkit-keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.45)}}@keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.45);transform:scaley(.45)}}.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s .1s infinite;animation:line-scale 1s .1s infinite}.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s .2s infinite;animation:line-scale 1s .2s infinite}.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s .3s infinite;animation:line-scale 1s .3s infinite}.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s .4s infinite;animation:line-scale 1s .4s infinite}.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s .5s infinite;animation:line-scale 1s .5s infinite}.line-scale>div{background-color:#fff;width:4px;height:36px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}.jump-pulse>div,.line-pulse>div{background-color:#fff;width:16px;height:16px;border-radius:100%;margin:2px;display:inline-block}@-webkit-keyframes jump-pulse{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jump-pulse{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.jump-pulse>div:nth-child(0){-webkit-animation:jump-pulse .75s 0s infinite ease-in-out;animation:jump-pulse .6s 0s infinite ease-in-out}.jump-pulse>div:nth-child(1){-webkit-animation:jump-pulse .75s .1s infinite ease-in-out;animation:jump-pulse .75s .1s infinite ease-in-out}.jump-pulse>div:nth-child(2){-webkit-animation:jump-pulse .75s .2s infinite ease-in-out;animation:jump-pulse .75s .2s infinite ease-in-out}.jump-pulse>div:nth-child(3){-webkit-animation:jump-pulse .75s .3s infinite ease-in-out;animation:jump-pulse .75s .3s infinite ease-in-out}.jump-pulse>div:nth-child(4){-webkit-animation:jump-pulse .75s .4s infinite ease-in-out;animation:jump-pulse .75s .4s infinite ease-in-out}.jump-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes line-pulse{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.75}}@keyframes line-pulse{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.75}}.line-pulse>div:nth-child(0){-webkit-animation:line-pulse .75s 0s infinite alternate;animation:line-pulse .75s 0s infinite alternate}.line-pulse>div:nth-child(1){-webkit-animation:scale .75s .1s infinite;animation:line-pulse .75s .1s infinite}.line-pulse>div:nth-child(2){-webkit-animation:line-pulse .75s .2s infinite;animation:line-pulse .75s .2s infinite}.line-pulse>div:nth-child(3){-webkit-animation:line-pulse .75s .3s infinite;animation:line-pulse .75s .3s infinite}.line-pulse>div:nth-child(4){-webkit-animation:line-pulse .75s .4s infinite;animation:line-pulse .75s .4s infinite}.line-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}