/ src / renderer / splash.html
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>