<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #loading { position:absolute; top:0px; left:0px; height:100%; width:100%; background:#000; color:#fff; text-align:center; } .loader { text-align: center; position: absolute; top: 50%; } .loader span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 50px auto; background: black; border-radius: 50px; -webkit-animation: loader 0.9s infinite alternate; -moz-animation: loader 0.9s infinite alternate; } .loader span:nth-of-type(2) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; } .loader span:nth-of-type(3) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; } @-webkit-keyframes loader { 0% { width: 10px; height: 10px; opacity: 0.9; -webkit-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity: 0.1; -webkit-transform: translateY(-21px); } } @-moz-keyframes loader { 0% { width: 10px; height: 10px; opacity: 0.9; -moz-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity: 0.1; -moz-transform: translateY(-21px); } } .SplashScreen { width: 1200px; height: 2000px; text-align: right; background-color: red; } <style> </head> <body> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)