Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .loader {
- position: absolute;
- top: 50%;
- left: 0;
- margin: 0 auto;
- width: 100%;
- height: 20px;
- text-align: center;
- z-index: 1;
- }
- .loader > div{
- content: " ";
- width: 10px;
- height: 10px;
- background: #B3B4B4;
- border-radius: 100%;
- -webkit-animation: shift 3s linear infinite;
- animation: shift 3s linear infinite;
- display: inline-block;
- margin: 0 5px;
- }
- .loader > div:first-child {
- margin-left: 0;
- }
- .loader > div:last-child {
- margin-right: 0;
- }
- .loader > div:nth-of-type(1) {
- -webkit-animation-delay: .2s;
- animation-delay: .2s;
- }
- .loader > div:nth-of-type(2) {
- -webkit-animation-delay: .4s;
- animation-delay: .4s;
- }
- .loader > div:nth-of-type(3) {
- -webkit-animation-delay: .6s;
- animation-delay: .6s;
- }
- .loader > div:nth-of-type(4) {
- -webkit-animation-delay: .8s;
- animation-delay: .8s;
- }
- .loader > div:nth-of-type(5) {
- -webkit-animation-delay: 1s;
- animation-delay: 1s;
- }
- .loader > div:nth-of-type(6) {
- -webkit-animation-delay: 1.2s;
- animation-delay: 1.2s;
- }
- .loader > div:nth-of-type(7) {
- -webkit-animation-delay: 1.4s;
- animation-delay: 1.4s;
- }
- .loader > div:nth-of-type(8) {
- -webkit-animation-delay: 1.6s;
- animation-delay: 1.6s;
- }
- .loader > div:nth-of-type(9) {
- -webkit-animation-delay: 1.8s;
- animation-delay: 1.8s;
- }
- .loader > div:nth-of-type(10) {
- -webkit-animation-delay: 2s;
- animation-delay: 2s;
- }
- .loader > div:nth-of-type(11) {
- -webkit-animation-delay: 2.2s;
- animation-delay: 2.2s;
- }
- .loader > div:nth-of-type(12) {
- -webkit-animation-delay: 2.4s;
- animation-delay: 2.4s;
- }
- .loader > div:nth-of-type(13) {
- -webkit-animation-delay: 2.6s;
- animation-delay: 2.6s;
- }
- .loader > div:nth-of-type(14) {
- -webkit-animation-delay: 2.8s;
- animation-delay: 2.8s;
- }
- .loader > div:nth-of-type(15) {
- -webkit-animation-delay: 3s;
- animation-delay: 3s;
- }
- @-webkit-keyframes shift {
- from {
- background: #B3B4B4;
- }
- to {
- background: #1763AE;
- }
- }
- @keyframes shift {
- from {
- background: #B3B4B4;
- }
- to {
- background: #1763AE;
- }
- }
- .blockdiv {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: block;
- background-color: #000;
- opacity: 0.3;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement