Windy/traccar-web
1
0
Fork 0
mirror of https://github.com/traccar/traccar-web.git synced 2025-01-08 12:07:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Simpler loader

Browse Source
This commit is contained in:
Anton Tananaev 2024-09-13 22:33:31 -07:00
parent aa06eaacc5
commit a78f741473
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -13,12 +13,10 @@
<style>
.loader {
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
width: 120px; height: 20px;
-webkit-mask: radial-gradient(circle closest-side,#000 94%,#0000) left/20% 100%;
background: linear-gradient(#000 0 0) left/0% 100% no-repeat #ddd;
animation: loader 2s infinite steps(6);
width: 50px; aspect-ratio: 1; animation: ll 1s infinite linear;
border-radius: 50%; border: 8px solid lightgray; border-right-color: black;
}
@keyframes loader { 100% {background-size:120% 100%} }
@keyframes ll {to{transform: translate(-50%, -50%) rotate(1turn)}}
</style>
</head>
<body>