1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- .fakeloader{
- position: fixed; width: 100%; height: 100%; top: 0px;
- left: 0px; z-index: 999; background-color: rgb(46, 204, 113);
- }
- .spinner1 {
- width: 40px;
- height: 40px;
- position: relative;
- left: 50%; top: 50%; margin-left:-20px;margin-top:-20px;
- }
- .double-bounce1, .double-bounce2 {
- width: 100%;
- height: 100%;
- border-radius: 50%;
- background-color: #fff;
- opacity: 0.6;
- position: absolute;
- top: 0;
- left: 0;
-
- -webkit-animation: bounce 2.0s infinite ease-in-out;
- animation: bounce 2.0s infinite ease-in-out;
- }
- .double-bounce2 {
- -webkit-animation-delay: -1.0s;
- animation-delay: -1.0s;
- }
- @-webkit-keyframes bounce {
- 0%, 100% { -webkit-transform: scale(0.0) }
- 50% { -webkit-transform: scale(1.0) }
- }
- @keyframes bounce {
- 0%, 100% {
- transform: scale(0.0);
- -webkit-transform: scale(0.0);
- } 50% {
- transform: scale(1.0);
- -webkit-transform: scale(1.0);
- }
- }
|