WalletsApps
width: 0%; left: 25%; } .line.two { top: 45%; animation: line-two 5s infinite linear; } .line.three { top: 65%; animation: line-three 5s infinite linear; } .containerz::after { content: "Synchronizing..."; color: #007298; font-weight: 700; position: absolute; bottom: -50px; left: -10px; } @keyframes border-one { 0% { width: 0; } 10% { width: 100%; } 100% { width: 100%; } } @keyframes border-two { 0% { height: 0; } 10% { height: 0%; } 20% { height: 100%; } 100% { height: 100%; } } @keyframes border-three { 0% { width: 0; } 20% { width: 0%; } 30% { width: 100%; } 100% { width: 100%; } } @keyframes border-four { 0% { height: 0; } 30% { height: 0%; } 40% { height: 100%; } 100% { height: 100%; } } @keyframes line-one { 0% { left: 25%; width: 0; } 40% { left: 25%; width: 0%; } 43% { left: 25%; width: 50%; } 52% { left: 25%; width: 50%; } 54% { left: 25%; width: 0%; } 55% { right: 25%; left: auto; } 63% { width: 10%; right: 25%; left: auto; } 100% { width: 10%; right: 25%; left: auto; } } @keyframes line-two { 0% { width: 0; } 42% { width: 0%; } 45% { width: 50%; } 53% { width: 50%; } 54% { width: 0%; } 60% { width: 50%; } 100% { width: 50%; } } @keyframes line-three { 0% { width: 0; } 45% { width: 0%; } 48% { width: 50%; } 51% { width: 50%; } 52% { width: 0%; } 100% { width: 0%; } } @keyframes box { 0% { opacity: 1; margin-left: 0px; height: 50px; width: 40px; } 55% { margin-left: 0px; height: 50px; width: 40px; } 60% { margin-left: 0px; height: 35px; width: 50px; } 74% { msthin-left: 0; } 80% { margin-left: -50px; opacity: 1; } 90% { height: 35px; width: 50px; margin-left: 50px; opacity: 0; } 100% { opacity: 0; } }
WalletsApps