2K views
1.loader { 2 position: absolute; 3 top: 0; 4 bottom: 0; 5 left: 0; 6 right: 0; 7} 8 9.jimu-primary-loading:before, 10.jimu-primary-loading:after { 11 position: absolute; 12 top: 0; 13 content: ''; 14} 15 16.jimu-primary-loading:before { 17 left: -19.992px; 18} 19 20.jimu-primary-loading:after { 21 left: 19.992px; 22 -webkit-animation-delay: 0.32s !important; 23 animation-delay: 0.32s !important; 24} 25 26.jimu-primary-loading:before, 27.jimu-primary-loading:after, 28.jimu-primary-loading { 29 background: #076fe5; 30 -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out; 31 animation: loading-keys-app-loading 0.8s infinite ease-in-out; 32 width: 13.6px; 33 height: 32px; 34} 35 36.jimu-primary-loading { 37 text-indent: -9999em; 38 margin: auto; 39 position: absolute; 40 right: calc(50% - 6.8px); 41 top: calc(50% - 16px); 42 -webkit-animation-delay: 0.16s !important; 43 animation-delay: 0.16s !important; 44} 45 46@-webkit-keyframes loading-keys-app-loading { 47 48 0%, 49 80%, 50 100% { 51 opacity: .75; 52 box-shadow: 0 0 #076fe5; 53 height: 32px; 54 } 55 56 40% { 57 opacity: 1; 58 box-shadow: 0 -8px #076fe5; 59 height: 40px; 60 } 61} 62 63@keyframes loading-keys-app-loading { 64 65 0%, 66 80%, 67 100% { 68 opacity: .75; 69 box-shadow: 0 0 #076fe5; 70 height: 32px; 71 } 72 73 40% { 74 opacity: 1; 75 box-shadow: 0 -8px #076fe5; 76 height: 40px; 77 } 78}
MIT License