OLD | NEW |
(Empty) | |
| 1 #waitAnimation { |
| 2 position: absolute; |
| 3 left: 0px; |
| 4 top: 0px; |
| 5 height:100%; |
| 6 width:100%; |
| 7 z-index:1000; |
| 8 background-color:black; |
| 9 opacity:0.6; |
| 10 } |
| 11 |
| 12 #waitSpinner { |
| 13 position: absolute; |
| 14 height:60px; |
| 15 width:60px; |
| 16 top: 50%; |
| 17 left: 50%; |
| 18 margin-left: -30px; |
| 19 margin-top: -30px; |
| 20 -webkit-animation: rotation .6s infinite linear; |
| 21 animation: rotation .6s infinite linear; |
| 22 border-left:6px solid rgba(180,174,239,.15); |
| 23 border-right:6px solid rgba(180,174,239,.15); |
| 24 border-bottom:6px solid rgba(180,174,239,.15); |
| 25 border-top:6px solid rgba(180,174,239,.8); |
| 26 border-radius:100%; |
| 27 } |
| 28 |
| 29 @-webkit-keyframes rotation { |
| 30 from {-webkit-transform: rotate(0deg);} |
| 31 to {-webkit-transform: rotate(359deg);} |
| 32 } |
OLD | NEW |