splash.html
1 <!doctype html> 2 <html> 3 <head> 4 <style> 5 .loading { 6 all: initial; 7 position: fixed; 8 top: calc(50% - 50px); 9 left: calc(50% - 50px); 10 display: flex; 11 width: 100px; 12 height: 100px; 13 border: 7px solid #1867c0; 14 border-top-color: rgba(0, 0, 0, 0.2); 15 border-right-color: rgba(0, 0, 0, 0.2); 16 border-bottom-color: rgba(0, 0, 0, 0.2); 17 border-radius: 100%; 18 overflow: hidden; 19 20 animation: circle infinite 1s linear; 21 } 22 23 @keyframes circle { 24 0% { 25 transform: rotate(0); 26 } 27 28 100% { 29 transform: rotate(360deg); 30 } 31 } 32 </style> 33 </head> 34 <body> 35 <div id="loading" class="loading"></div> 36 </body> 37 </html>