mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
56 lines
858 B
HTML
56 lines
858 B
HTML
<div class="loader">
|
|
<span class="hour"></span>
|
|
<span class="min"></span>
|
|
<span class="circel"></span>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by Ali-Tahmazi99 - Tags: loader */
|
|
.loader {
|
|
width: 65px;
|
|
height: 65px;
|
|
border: 8px solid #ee9b00a6;
|
|
border-radius: 50px;
|
|
position: relative;
|
|
}
|
|
|
|
.loader span {
|
|
display: block;
|
|
background: #ee9b00;
|
|
}
|
|
|
|
.loader .hour ,
|
|
.loader .min {
|
|
width: 6px;
|
|
height: 22px;
|
|
border-radius: 50px;
|
|
position: absolute;
|
|
top: 24.5px;
|
|
left: 21px;
|
|
animation: load9243 1.2s linear infinite;
|
|
transform-origin: top center;
|
|
}
|
|
|
|
.loader .min {
|
|
height: 17px;
|
|
animation: load9243 4s linear infinite;
|
|
}
|
|
|
|
.loader .circel {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50px;
|
|
position: absolute;
|
|
top: 19px;
|
|
left: 19px;
|
|
}
|
|
|
|
@keyframes load9243 {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
</style>
|